Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danilo Piovani

Espaço entre o texto no DIV

Por , em Javascript

Recommended Posts

Danilo Piovani    0

Danilo Piovani
Postado

Olá Pessoal;Estou agora entrando de cabeça no CSS;E Claro como qualquer iniciante temos dúvidas, talvez bobas, mas sempre necessárias...Minha dúvida é a seguinte:para começar estou montando um layout de tres coluna;coloquei no CSS para que o texto fique "Justificado" e fundo cinza;Mas eu não sei como colocar um espaço para otexto não ficar "colado na parede"segue o código para quem quizer ver...<html><head><title></title><style type="text/css"><!-- #esquerda, #direita { width:150px; background:#CCC; margin-top:2px; } #esquerda { margin-left:0px; margin-right:2px; } #direita { margin-left:2px; margin-right:0px; } #centroe, #centrod { width:200px; background:#EEE; margin:2px; padding:2px; } #centroe { border-right:1px dashed #000; margin-left:3px } #centrod{ border-left:1px dashed #000; } #conteudo { width:415px; background:#FFF; text-align:justify; margin:2px; padding:2px; } div { font: 80% Verdana; float:left; }--></style></head><body topmargin=0 leftmargin=0><div id="esquerda">Suspendisse potenti. Etiam sed mi ut sapien nonummy euismod. Duis sagittis tristique purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce luctus dui eget mi. In et risus. Curabitur pede tellus, malesuada vel, eleifend eu, tempus eu, ipsum. Praesent vulputate eleifend augue. Cras sit amet velit. Mauris dictum rhoncus nulla. Praesent ultricies nibh. Nulla facilisi. Donec mattis lectus nec nulla. Quisque porta elit vitae massa. Nulla turpis dolor, hendrerit lobortis, pharetra in, tempus eu, metus. </div><div id="conteudo"><div id="centroe">Suspendisse dui. Ut eget turpis. Nulla risus tortor, sagittis id, hendrerit id, suscipit ac, est. Etiam ligula libero, dapibus non, venenatis vel, sollicitudin et, leo. Nam quis justo. Ut dignissim, sapien sed pellentesque rutrum, elit tellus imperdiet neque, at convallis risus orci vitae nisl. In pellentesque suscipit urna. Integer dui enim, cursus in, laoreet nec, adipiscing et, ligula. Proin sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer bibendum, turpis vel ornare dignissim, purus erat varius metus, eget congue erat nulla et quam. Phasellus purus metus, venenatis nec, rutrum vel, luctus et, metus. Nunc dignissim faucibus lacus. Suspendisse potenti.</div><div id="centrod">Suspendisse dui. Ut eget turpis. Nulla risus tortor, sagittis id, hendrerit id, suscipit ac, est. Etiam ligula libero, dapibus non, venenatis vel, sollicitudin et, leo. Nam quis justo. Ut dignissim, sapien sed pellentesque rutrum, elit tellus imperdiet neque, at convallis risus orci vitae nisl. In pellentesque suscipit urna. Integer dui enim, cursus in, laoreet nec, adipiscing et, ligula. Proin sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer bibendum, turpis vel ornare dignissim, purus erat varius metus, eget congue erat nulla et quam. Phasellus purus metus, venenatis nec, rutrum vel, luctus et, metus. Nunc dignissim faucibus lacus. Suspendisse potenti.</div></div><div id="direita">Suspendisse potenti. Etiam sed mi ut sapien nonummy euismod. Duis sagittis tristique purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce luctus dui eget mi. In et risus. Curabitur pede tellus, malesuada vel, eleifend eu, tempus eu, ipsum. Praesent vulputate eleifend augue. Cras sit amet velit. Mauris dictum rhoncus nulla. Praesent ultricies nibh. Nulla facilisi. Donec mattis lectus nec nulla. Quisque porta elit vitae massa. Nulla turpis dolor, hendrerit lobortis, pharetra in, tempus eu, metus. </div></body></html>Entenderam??Muito Obrigado...[ ]s...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

cara você pode criar uma div texto e definir margens pra ele, ai coloca o texto dentro desta div e esta div dentro da outra de nivel mais acima.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito