..:: MX Studio Fóruns ::..: Centralizar itens de lista em duas linhas - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Centralizar itens de lista em duas linhas

#1 User is offline   Zephyr 

  • Group: Membros
  • Posts: 38
  • Joined: 15-December 08

Posted 28 August 2009 - 02:22 PM

Tenho uma lista com cinco itens que precisam estar centralizados na página e se disporem desta maneira:



Tive que criar duas linhas pois os itens não cabiam em uma só. O que eu tinha pensado era dispor a lista inline e dar page break depois do terceiro item, mas isso não é permitido. Coloquei então cada item com float: left e clear:both como classe do quarto item. A lista está disposta em duas linhas, mas não está centralizada. Alguém sabe como posso resolver a partir disso ou tem uma outra solução?

Obrigado desde já!
0

#2 User is offline   Ted k' 

  • Group: Moderadores
  • Posts: 123
  • Joined: 08-September 08

Posted 01 September 2009 - 05:21 PM

Isso te ajuda?

CÓDIGO
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TESTE</title>
<style type="text/css">
#lista {margin: 0 auto; width: 300px; font: 18px Arial;}
#lista ul {list-style: none; margin: 0; padding: 0;}
#lista ul li {display: inline; padding: 0; margin: 60px 30px; text-align: center; line-height: 50px;}
</style>
</head>
<body>
<div id="lista">
    <ul>
        <li>Texto</li>
        <li>Texto</li>
        <li>Texto</li>
        <li>Texto</li>
        <li>Texto</li>
    </ul>
</div>
</body>
</html>

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies centralizar animação em flash
colocando ela sempre centralizada 		Dreamweaver Zumbido 
  • 2 Replies
  • 1438 Views
New Replies Analistas duvidam que fabricante de iPad irá gerar 100 mil empregos Notícias Notícias 
  • 0 Replies
  • 69 Views
New Replies CheckBox
Limitar opções da lista 		Dreamweaver Marie 
  • 1 Reply
  • 880 Views
New Replies Centralizar site 750x420px no navegador
Centraliza site 750x420 na tela 1024x768 		Dreamweaver vagner_sa 
  • 1 Reply
  • 912 Views
New Replies Leitores fazem sua própria lista de "Os filmes mais conectados" Notícias Notícias 
  • 0 Replies
  • 208 Views
New Replies menu com submenu
os 3 últimos itens com problemas 		Flash & ActionScript caligula 
  • 1 Reply
  • 718 Views
New Replies Especialistas dividem se sobre riscos do "ciberterrorismo" Notícias Notícias 
  • 0 Replies
  • 288 Views
New Replies Posicionamento do Layout
Problemas para centralizar 		Flash & ActionScript Renato Slipee 
  • 4 Replies
  • 1088 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)