Aligner une liste horizontalement

mikasa -
Utilisateur anonyme - 2 déc. 2016 à 17:34

Bonjour,
je suis debutante en css :'(
donc voila
je souhaite aligner 4 liste d'elements voici mon code css :

.F1,.F2,.F3,.F4{ 
 display: inline-block ;
 font-size: 12px;
 border : 1px solid red ;
 width:20% ;
 vertical-align: top;
}
.pied-page{
width:100% ;
border : 1px solid red ;
}
et [/contents/498-html-langage html] :

<[/contents/242-introduction-au-dynamic-html-dhtml div] class= "pied-page">
<div class="F1"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>
<div class="F2"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>

</br>

<div class="F3"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>

</br>
  <div class="F4"><!-- 

--><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>
  </br></br></br>
bonne journee !!! 


</div>

Afficher la suite

1 réponse

Réponse 1 / 1
Utilisateur anonyme

Quand tu dis aligner horizontalement, tu veux dire centrer dans la page? Enfin tu as un exemple?

Et pourquoi il y a des commentaires ouvert entre chaque lignes.
0
1. mikasa
  
  bonsoir
  les commentaires entre les lignes c pour eviter un espace entre les elements
  
  0
2. mikasa
  
  je veux un element de la liste a cote de l'autre dans la meme ligne
  
  0
3. Utilisateur anonyme
  
  Déjà les commentaires entre les lignes ne servent à rien, il y aura pas d'espace entre les éléments.
  
  Et si j'ai compris tu veux que tout tes li soit l'un à côté de l 'autre et non l'un en dessous de l'autre? Il faut utiliser un float: left ou display: inline-block sur les li
  
  0
4. mikasa
  
  bonjour
  je voudrais savoir sur quoi je dois applique les display: inline-block
  
  0
5. Utilisateur anonyme
  
  Sur les li qui se trouvent dans les ul
  
  0

Aligner une liste horizontalement

1 réponse

Discussions similaires

Newsletters