Ir para conteúdo

POWERED BY:

Arquivado

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

lblm

fazer uma <li> crescer de acordo com o conteudo

Por , em Desenvolvimento frontend

Recommended Posts

lblm    0

lblm
Postado

Boa Tarde Pessoal,Estou começando a aprender CSS e Tableless e tenho uma lista de pessoas conforme o codigo abaixo.Estou tentando posicionar os elementos da seguinte maneira: o primeiro link do lado esquerdo, o segundo link do lado direito. Até ai tudo bem, o problema é que o elemento <li> nao está crescendo junto com o tamanho do link (isso no Firefox, pois no IE6 ainda fica muito pior.). Será que alguém pode me ajudar? Mais abaixo esta do css que eu estou usando.<body> <div class="tudo"> <ul> <li> <a href="#" class="linkPrincipal">Nome da Pessoa <br/> Dados adicionais sobre esta pessoa (pode ser um texto grande) </a> <br/> <a href="#" class="linkDeletar">Deletar</a> </li> . . . </ul> </div></body> .tudo{ width:500px; background:#999999; } ul{ background:#FF0000; position:relative; } li{ background:#00FF00; border:solid; clear:left; height:auto; } .linkPrincipal{ float:left; max-width:400px; } .deletar{ width:50px; float:right; } a{ background:#CCFF33; }

Compartilhar este post

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

Informação importante

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

  Aceito