Здравствуйте, уважаемые специалисты, помогите с проблемой, очень нужно. Есть таблица из div
-ов в ней одна колонка и несколько строк, вот упрощенный вид:
.vcom_tab {display:table; border-collapse: collapse;}
.vcom_tab > div {display: table-row; border: dashed 1px #ddd; padding:5px;}
<div class="vcom_tab">
<div>Комментарии</div>
<div>
<div>Арсен</div>
<div>Спасибо</div>
</div>
<div>
<div>Михаил</div>
<div>Незачто</div>
</div>
</div>
Как применить к table-row
свойство padding
?
Знаю из мануала, что это свойство не применимо к tr
, как выйти из ситуации?
table-row
? Может быть все же нуженtable-cell
. Или как вариант содержимое div ов, к которым применяетсяtable-row
, обернуть еще в блоки и уже им задавать отступыtable-row
не обязательно, просто если его изменить наtable-cell
, то все строки преобразуются в колонки и вся таблица устремится вправо вот так: jsfiddle.net/dgfk2L3z/36 а мне нужно вниз, если не найду простого решения воспользуюсь вторым Вашим предложением.