Таблица на чистом css как реализовать?

1.16K
.

Подскажите как нарисовать простейшую таблицу на css 3x3 колонки

Прикрепленные файлы:
.
¯\_(ツ)_/¯
.block{
   width: 33.33%;
   background: #fff;
   border: 1px solid #dfdfdf;
}

<div class="block">...</div><div class="block">...</div><div class="block">...</div><br>
<div class="block">...</div><div class="block">...</div><div class="block">...</div>

Должно получиться, сам не пробовал. Тут в форме написал
.

Как то так:

.row:after{
  content: '';
  clear: both;
  width: 100%;
}

.col-1, .col-2, col-3, col-4{
  float: left;
}

.col-1{
  width: 25%;
}

.col-2{
  width: 50%;
}

.col-3{
  width: 75%;
}

.col-4{
  width: 100%;
}


<div class="row">
  <div class="col-1">1</div>
  <div class="col-1">2</div>
  <div class="col-1">3</div>
  <div class="col-1">4</div>
</div>
<div class="row">
  <div class="col-1">1</div>
  <div class="col-1">2</div>
  <div class="col-1">3</div>
  <div class="col-1">4</div>
</div>
.

попробую оба варианта , спасибо , может кто еще подкинет вариант с display:table ?

.
Блиносвёрт ?
# Нектарин (13.04.2017 / 20:29)
попробую оба варианта , спасибо , может кто еще подкинет вариант с display:table ?
по мне это самый напрашивающийся вариант, пример сам в гугле можешь найти
.

все сделал , тема исчерпана , всем спасибо за помощь

.
человек И пароход

почему никто display: table; не предложил ?
по сути та же таблица только чисто на css

.

Crack, возможно потому что есть html тег table )

.
человек И пароход

Delphinum, да есть, автор попросил чисто на css
а аналог таблицы на css это и есть display: table;
имхо конечно

.

Crack, подозреваю что автор делает что то не то

Всего: 30