28172 sujets

CSS et mise en forme, CSS3

Salut,
Voilà la problèmatique:
<ol>
<li>
<h3>titre</h3>
<p><strong>pararagraphe important</strong></p>
<p>paragraphe</p>
</li>
</ol>


Cet élément de liste est répété 7 fois, ce qui produit 1 ou 2 retour à la ligne selon la résolution.

le CSS:

ol  {width: 100%; min-width: 750px; overflow: hidden;}
li {width: 280px; height: 400px; float: left; margin:10px;}


Je voudrais centrer les li.
En recherchant, je suis arrivé sur cette solution:
http://forum.alsacreations.com/topic-4-27912-2-Centrer-le-contenu-de-la-balise-ltulgt.html

Mais moi, je ne veux pas centrer le contenu des <li>.
Connaissez-vous une solution?

Je suis éventuellement ouvert à une proposition css3. Ce serait toujours mieux que rien. Smiley ravi
Merci d'avance.^^
Modifié par David-Dante (02 Nov 2010 - 20:49)
Bonjour,

La balise <li> de ton code n'est pas fermée.
Sinon, pour centrer, utilise display:inline-block plutôt que float. En cherchant sur ce site, tu devrais trouver des exemples.
loicbcn a écrit :
Bonjour,

La balise &lt;li&gt; de ton code n'est pas fermée.
Sinon, pour centrer, utilise display:inline-block plutôt que float. En cherchant sur ce site, tu devrais trouver des exemples.

Bonjour,
Merci pour ton aide. Ça marche.

Pour ajouter un résultat une recherche potentiel:
ul, ol {
width: xx%; 
text-align: center;
}

li {
display: inline-block;
}