[CSS] Ajouter des diviseurs verticaux de même hauteur
Source : Add vertical dividers with CSS | Simulation JSFiddle
1 2 3 4 5 6 7 8 9 10 11 12 |
<div id="fat-menu"> <div class="first-column"> ..content.. </div> <div class="column"> ..content.. </div> <div class="column"> ..content.. </div> <div style="clear:both;"></div> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
#fat-menu { /* Set position so that offsets in children are based on parent */ position: relative; } .first-column, .column { float:left; width:200px; } .column { margin-left:30px; } .column:before { content:" "; margin:0 -15px; position: absolute; top: 0; bottom: 0; width: 1px; background: #666666; } |
Petite subtilité avec la grille Bootstrap Les classes .col-* ont déjà la propriété… Lire la suite »[CSS] Ajouter des diviseurs verticaux de même hauteur