center richten Sie drei divs nebeneinander mit CSS

Ich habe drei divs nebeneinander in einen container, der stellt sich auf die Breite der Benutzer-Fenster.

Ich will, dass Sie bleiben verschachtelte nebeneinander und zentriert, wie eine Einheit in den dynamischen container.

Ich würde dies gerne tun ohne setzen Sie in einem anderen div (vor allem, weil ich habe eine Menge von Ihnen in dieser Seite, wie Sie ist).

HTML:

<div id="content">
    <div id="nav_one">
        <h3>COLLECTIONS</h3>
        <p style="text-align:justify">blahblah</p>
    </div>
    <div id="nav_three">
        <h3>COLLECTIONS</h3>
        <p style="text-align:justify">blahblah</p>
    </div>
    <div id="nav_two">
        <h3>COLLECTIONS</h3>
        <p style="text-align:justify">blahblah</p>
    </div>
</div>

CSS:

#nav_one {
    width: 208px;
    float: left;
    padding: 20px 10px 20px 10px;
    text-align: center;
}

#nav_two {
    width: 208px;
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
    text-align: center;
}

#nav_three {
    width: 208px;
    float: right;
    padding: 20px 10px;
    text-align: center;
}
Schreibe einen Kommentar