E quero alinhar a Cidade mais a direita, com um padding-right!
Porém não estou conseguindo deixar tudo alinhado sem utilizar tabela.
Se só colocar padding-left... ele fica meio desalinado, mas queria tudo alinhado certinho. Até Conseguí um jeito, mas aconteceu o problema que o texto ficava assim...
........Cidade
Porto Alegre
E queria que ficasse
Cidade
Porto Alegre
HTML
<html>
<head>
</head>
<style>
#clientesTabela {
width: 100%;
background-color: #f0f0f0;
border-top: 2px solid #CCCCCC;
font-family: arial;
font-size: 12px;
}
#clientes {
font-family: arial;
font-size: 12px;
font-weight: bold;
padding: 10px 0px 10px 20px;
}
#cidade {
}
#cliente {
padding-left: 10px;
padding-top: 5px;
font-size: 12px;
font-weight: normal;
}
</style>
<body>
<p id="tituloProdutos">Clientes</p>
<div id="texto02">
<p>Abaixo você encontra uma lista de clientes da Tron-Informática:</p>
<div id="clientesTabela">
<div id="clientes">
Rio Grande Do Sul <span id="cidade">Cidade</span>
<div id="cliente">- Arquisul Arquitetura e Construções Ltda.
<span id="cidade">Porto Alegre</span>
</div>
</div>
</div>
</div>
</body>
</html>
Pergunta
Guest - Jorge -
Boa Tarde,
estou tentando fazer uma tabelinha com clientes!
E quero alinhar a Cidade mais a direita, com um padding-right!
Porém não estou conseguindo deixar tudo alinhado sem utilizar tabela.
Se só colocar padding-left... ele fica meio desalinado, mas queria tudo alinhado certinho. Até Conseguí um jeito, mas aconteceu o problema que o texto ficava assim...
........Cidade
Porto Alegre
E queria que ficasse
Cidade
Porto Alegre
HTML
<html> <head> </head> <style> #clientesTabela { width: 100%; background-color: #f0f0f0; border-top: 2px solid #CCCCCC; font-family: arial; font-size: 12px; } #clientes { font-family: arial; font-size: 12px; font-weight: bold; padding: 10px 0px 10px 20px; } #cidade { } #cliente { padding-left: 10px; padding-top: 5px; font-size: 12px; font-weight: normal; } </style> <body> <p id="tituloProdutos">Clientes</p> <div id="texto02"> <p>Abaixo você encontra uma lista de clientes da Tron-Informática:</p> <div id="clientesTabela"> <div id="clientes"> Rio Grande Do Sul <span id="cidade">Cidade</span> <div id="cliente">- Arquisul Arquitetura e Construções Ltda. <span id="cidade">Porto Alegre</span> </div> </div> </div> </div> </body> </html>Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.