как поместить содержимое в колонке WebKit горизонтально

Question

, как поместить содержимое в колонке по горизонтали, как показано ниже,

(column1) (column2) (column3) 
1.asd  2.asd  3.asd 
4.asd  5.asd 

этот поток требуется на веб-сайте

Answer 1

Для столбцов в CSS3, вы должны иметь DIV структура для этого ...

Html: -

<div class="table"> 
    <div class="column"> 
     <div class="row">1</div> 
     <div class="row">4</div> 
     <div class="row">7</div> 
    </div> 
    <div class="column"> 
     <div class="row">2</div> 
     <div class="row">5</div> 
     <div class="row">8</div> 
    </div> 
    <div class="column"> 
     <div class="row">3</div> 
     <div class="row">6</div> 
     <div class="row">9</div> 
    </div> 
</div> 

Css: -

.table { columns:3; -webkit-columns:3; -moz-columns:3; text-align:center } 
.column { } 
.row { background-color:red; } 

Демо: -http://jsfiddle.net/5P9c4/1/