web-dev-qa-db-fra.com

Comment créer plusieurs colonnes dans une div

Je me demandais comment je créerais plusieurs colonnes dans une div. C'est pour un pied de page et je veux un plan du site, des liens vers les médias sociaux, etc.

J'allais utiliser <multicol> mais j'ai lu que c'était obsolète, donc ça m'a découragé de l'utiliser.

Fondamentalement, j'ai un DIV de 80% de large et j'ai besoin de trois colonnes. De préférence chacun avec une marge.

Css:

 div.bottom
        {
            height: 200px;
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-top: none;
            margin-bottom: none;
            border-top: 4px solid #00ccff;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            background-color: #575757;
        }

J'ai juste besoin du HTML maintenant. Merci pour votre temps.

csshtmltextborder
19
Josh Dempsey

Créez trois divs avec float: left; (ou à droite) et donnez-leur un width exact.

<div class="bottom">
  <div style="float: left; width: 33%;"></div>
  <div style="float: left; width: 33%;"></div>
  <div style="float: left; width: 33%;"></div>
</div>

Voir en action .

43
Czechnology