En.construisant.le.contenu.de.cette.manière,.on.peut.collationner.les.blocs.d’information.
sous.forme.de.listes.en.profitant.de.tous.les.mécanismes.de.hiérarchisation.et.de.mise.en.
forme.qui.font.l’intérêt.des.listes..
Il.est.ensuite.très.facile.d’utiliser.des.sélecteurs.simples.pour.cibler.la.liste.à.puces.dans.la.div.
conteneur.others_routes.et.les.différents.éléments.dans.les.éléments.li..Notez.que.nous.
utilisons.des.règles.border-radius,.–webkit-border-radius.et.–moz-border-radius.
pour.appliquer.des.bords.arrondis.à.l’élément.ul..Nous.y.reviendrons.un.peu.plus.loin.
div#others_routes ul {
list-style:none;
border:1px solid #dedeaf;
background:#ffffcc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:0;
padding:10px;
}
div#others_routes ul li {
margin:0;
padding:10px 55px 10px 0;
position:relative;
border-bottom:1px solid #dedeaf;
border-top:1px solid #fff;
}
div#others_routes ul li h3 {
margin-bottom:5px;
}
div#others_routes ul li img {
position:absolute;
top:10px;
right:10px;
}