Allineare un div al centro di un'altro div in base al contenuto

[king7880]

Allineare un div al centro di un'altro div in base al contenuto

Ciao Ragazzi buona sera a tutti,

Ho un piccolo problemino magari anche semplice da risolvere...

ho questa struttura molto semplice,

<div class="contenitor_footer">
<div class="testo">
<p>testo</p>
</div>
</div>

il <div class="testo"> ha margin: 0 auto;
per allinearlo al centro del div <div class="contenitor_footer">

pero' vorrei fare in modo che <p>testo</p> si allinei al centro del div in base al contenuto vale a dire che se scrivo
"testo testo testo testo testo testo" oppure "testo testo"
dovrebbe posizionarsi sempre al centro del <div class="testo">

questo è solo un'esempio che ho posto ineffetti io all'interno del <div class="testo"> dovro mettere un elenco puntato

<ul>
<li>testo</li>
<li>testo</li>
<li>testo</li>
<li>testo</li>
</ul>
ma è solo per farvi capire veliocemente il mio problema...

questo è il mio css:

div.paginazione_contenitor_footer{
background-color:#FF0000;
width:400px;
height:100px;
margin:0 auto;
}
div.paginazione_contenitor_footer .testo{
padding:12px;
width:300px;
margin:0 auto;
background-color:#FFFF00;
}
div.paginazione_contenitor_footer .testo p{
margin:0 auto;
background-color:#0000FF;
}

Grazie a tutti per la collaborazione

[guter]

Aggiungi al div .testo p la regola "text-align: center;"

Però... visto che hai un elenco puntato, forse sarebbe più elegante mettere tutti i punti uno sotto l'altro, quindi io farei così: "margin-left:50 px; text-align:left;"

Altrimenti dai a p uno stile in linea con le stesse caratteristiche...

Dimmi se va, l'ho scritto "a getto".

[king7880]

Grazie guter scusami se non ti ho risposto prima...
ho fatto diversamente da come mi hai detto tu, ma mi hai ispirato...

Ho risolto facendo un casino ho dovuto applicare come attributo display:table; al div contenitore e poi with:auto; al div interno e così sono riuscito a settare il tutto, un bel casino... ma c'è l'ho fatta. Grazie mille