Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera beleza
Galera queria saber como deixa as caixas dentro da ul com largura automatica, tipo as caixa dentro da ul preencher todo o espaço na largura automaticamente
o meu script ta assim:
<html>
<head>
<title>titulo da pagina</title>
<style type="text/css">
*{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
ul{margin:20px;padding:7px;width:683px;height:auto;background-color:#FF7F27;display:inline-block;list-style:none;text-align:center;border:1px solid #000000;}
ul li{width:auto;height:auto;margin-left:8px;background-color:#00CC33;float:left;padding:30px;border:1px solid #000000;}
.caixa1{background-color:#FFC90E;}
.caixa2{background-color:#C8BFE7;}
</style>
</head>
<body>
<ul>
<li class="caixa1"> caixa 1 </li>
<li class="caixa2"> caixa 2 </li>
</ul>
</body>
</html>
uma imagem como tá aparecendo no html acima:
/applications/core/interface/imageproxy/imageproxy.php?img=http://4.bp.blogspot.com/-i9_m9Frwp6w/UEI1aq2efOI/AAAAAAAAAPA/2UfyF4ATEMw/s1600/caixa1.png&key=aa3592b2aff96d8de4f7c40be6d301158764a032b706c174ef49c9b4068a7984" alt="caixa1.png" />
queria que ficasse assim, com as duas caixa preenchendo automaticamente todo o espaço da ul exemplo abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://1.bp.blogspot.com/-vaAMGqM43Og/UEI1bWVYKKI/AAAAAAAAAPI/LvL8AROwazo/s1600/caixa2.png&key=cef62155e84c206f5ebc71e37ce133e6fb8e8580c227b2a11a5a74a26818479f" alt="caixa2.png" />
Carregando comentários...