Как создать несколько столбцов в div

Мне было интересно, как создать несколько столбцов в div. Это для нижнего колонтитула, и мне нужна карта сайта, ссылки на социальные сети и т.д.

Я собирался использовать <multicol>, но затем я прочитал, что он устарел, поэтому я от него избавился.

В основном у меня есть DIV на 80% и мне нужны три столбца. Предпочтительно каждый с запасом.

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;
        }

Мне нужен HTML сейчас. Спасибо за ваше время.

Ответы

Ответ 1

Создайте три div с float: left; (или справа) и дайте им точный width.

<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>

Посмотрите в действии.