Hogyan tudom css-el megcsinálni, hogy a div-ben lévő div-ek ne a bal szélhez, hanem a középvonalhoz igazodjanak?

HTML:

<div class="kulso">

tartalom

<div class="belso">

<div class="kicsi">tartalom</div>

<div class="kicsi">tartalom</div>

<div class="kicsi">tartalom</div>

</div>

</div>

CSS:

.belso{width:100%; text-align:center;}

.kicsi{display:inline-block;}

Lényegében megmondtad a két megoldást. Csak még a div-ben lévő div-eknek a szélességét (width) be kell állítani pixelben (px) megadott mértékegységgel.

<style>

.belso {

    width:100%;

    text-align: center;

    background-color: lightgray;

}

.kicsi {

    width:300px;

    margin: 0 auto;

    background-color: red;

}

</style>

<div class="kulso">

    tartalom

    <div class="belso">

        tartalom

        <div class="kicsi">tartalom</div>

        <div class="kicsi">tartalom</div>

        <div class="kicsi">tartalom</div>

        tartalom

    </div>

    tartalom

</div>