section.list { display : flex; justify-content : space-between; flex-wrap:wrap; } section.list > div { width : 30%; } section.list img { display:inline-block; } .short-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* modification par Yann */ nav { position: fixed; width: 100%; background-color: #283d5d; top: 0; right: 0; } main.container { margin-top: 60px; } .option { margin-right : 20px!important; } .sous { display: none; border-radius: 5px; border: solid 1px black; background-color: #283d5d; position: absolute; } nav > ul li:hover .sous{ display: block ; } .deroulant a { text-decoration: none; color:white; } .deroulant > a::after { content:" ▼"; font-size: 15px; } .sous a:hover{ color: #1399fc; } section.connexion { display: flex; justify-content: space-between; } div.authentification { width: 45%; } div.new { width: 45%; } /* Styles pour les détails des pistes */ .track-list { width: 100%; margin: 0 auto; } .track-id { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .track-name { flex-grow: 1; overflow: visible; text-overflow: clip; } .track-time { flex-shrink: 0; margin-left: 20px; }