[CSS] Allineare 3 div al centro
Ciao a tutti.. ho un problema e nonostante abbia passato molto tempo a cercare in giro nel tentativo di trovare la soluzione (anche qui sul forum), non ci sono riuscito.
Il problema è il seguente:
Nella mia pagina web ho questo codice (CSS):
Codice:
#container
{
padding:0%;
line-height: 0%;
margin-top: 5%;
width: 70%;
margin: 10%;
}
.sin
{
margin:0%;
padding:0%;
width:20%;
float:left;
background-color: #00E100;
text-align: right;
}
.cen
{
margin:0%;
padding:0%;
width:20%;
background-color: ##FFFFFF;
text-align: center;
float:left;
}
.des
{
margin:0%;
padding:0%;
width:20%;
background-color: #FF0000;
float: left;
text-align:left;
}
E nel HTML è richiamato in questo modo:
Codice:
...................
<div id="container">
<div class="sin">
<h2><a href="LINK"><p>TESTO</p></a> </h2>
</div>
<div class="cen">
<h2><a href="LINK"><p>TESTO</p></a> </h2>
</div>
<div class="des">
<h2><a href="LINK"><p>TESTO</p></a> </h2>
</div>
</div>
...................
Io vorrei che questi div siano allineati al centro..
Ho fatto diversi tentativi tipo inserire nel CSS margin: 0 auto; ecc..
Ma nessuno funziona come voglio, sono riuscito a portarlo al centro impostando misure, ma non riesco a impostarlo precisamente al centro.
Potete aiutarmi?
PS: mi scuso con la community nel caso in cui una domanda del genere sia stata postata, ma io non sono riuscito a trovare ciò che cercavo.
tabella responsive con i div centrale
Il mio codice per fare tutto questo in modo semplice è:
<div class="contenitore" style="width: 100%; text-align: center;" >
<div class="cella" style="display: inline-block; min-width: 80px; width: 25%; background-color: #EdE;" >1</div>
<div class="cella" style="display: inline-block; min-width: 80px; width: 25%; background-color: #EEE;" >2</div>
<div class="cella" style="display: inline-block; min-width: 80px; width: 25%; background-color: #EdE;" >3</div>
<div class="cella" style="display: inline-block; min-width: 80px; width: 25%; background-color: #EEE;" >4</div>
</div>
in questo esempio sai come ridimensioare le caselle ed il tutto è responsive
Max