ugrás a tartalomhoz

Archívum - Szep 19, 2016

Középre rendezés, auto width, fix szerkezet

asam9 · 2016. Szep. 19. (H), 22.49
Sziasztok,

Adott a következő struktúra:
  1. <div class="container">  
  2.     <ul class="list">  
  3.         <li class="item">Item 1</li>  
  4.         <li class="item">Item 2</li>  
  5.         <li class="item">Item 3</li>  
  6.     </ul>  
  7. </div>  
Azt szeretném elérni – a HTML struktúra változtatása és JavaScript hozzáadása nélkül –, hogy a listaelemek legyenek egymás alatt és a szélességük legyen auto (azaz a szélesség annak tartalmától függjön) és a listaelemek legyenek középre igazítva úgy, hogy a középre rendezést kizárólag a konténer text-align: center-e, befolyásolja, tehát a gyermekelemekben ezt már ne kelljen még egyszer megadni. Mindehhez pedig csak a .list és .item class-okat lehet felhasználni.
Lehetséges ez? Ha igen, hogyan? (Ha csak flex-szel kivitelezhető, annak is örülök már)
Ha nem megoldható a fent írt feltételekkel, akkor más fajta megoldásokkal ne fáradjatok.
 ■