[Resolvido] Alinhamento por tag HTML

[LucasPA 0]

Olá a todos do Forum,

 

Estou precisando fazer um alinhamento de um HTML que nesse formato:

 

<b>Nome Completo:</b>João da Silva<br>

<b>Data:</b>31.08.2012<br>

 

Alinhei as palavras no centro de uma DIV.

O que preciso também é alinhar palavra Data: e Nome: a direita e o João e 31.08.2012 a esquerda em um formato parecido com esse:

 

Nome Completo: João da Silva

...............Data: 31.12.2012

 

Alguém tem alguma sugestão de como posso fazer essa formatação com CSS?

 

Obs: Inseri esses pontos para conseguir alinhar o texto aqui no post

 

Obrigado!!!

[DPLF 3]

Olá Lucas;

 

Vou tentar lhe ajudar, mas na realidade o erro não está em só uma tag vou escrever um script o qual é antigo, mas talves lhe seja útil.

 

<p align="center"><b>Nome:</b>João da Silva<br />

<b>Data</b>data</p>

 

Espero ter entendido sua dúvida e ter-lhe ajudado;

Qualquer coisa estou a disposição.

 

DPLF

[Diogo Rodrigues_79134 4]

Para estilizar dessa forma você precisará fazer o seguinte:

 

- alterar o html. Aconselho você modificar seus elementos os deixando mais semântico, além de facilitar a estilização

 

<p> <strong>Nome Completo:</strong> João da Silva </p>

<p> <strong>Data:</strong> 31.08.2012 </p>

 

- incluir as regras css

 

p {

position: relative;

width: 400px;

margin: 0 auto;

}

 

p strong {

display: inline-block;

width: 200px;

text-align: right;

margin-right: 10px;

}

[LucasPA 0]

Obrigado Diogo!!!

Era o que eu precisava.