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:
<div class="container">
    <ul class="list">
        <li class="item">Item 1</li>
        <li class="item">Item 2</li>
        <li class="item">Item 3</li>
    </ul>
</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.
 ■