列内のテキストをCSS列で垂直に整列する方法は？

Question

CSS列を使用しているときにテキストを縦に整列することはできますか？たとえば、各列内のテキストを上、中央、または下に整列させたいとしたら？

私は、垂直整列を使用して試してみたが、それは順不同リスト上で動作していないようですか、それはアイテムだ：

HTML

<div class="nav-banner__list-wrapper"> 
    <ul class="nav-banner__list"> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    </ul> 
</div> 

CSS

.nav-banner__list { 
    vertical-align: center; 
    column-count: 2; 
    width: 70%; 
    margin-left: 20px; 
} 

.nav-banner__list-item { 
    vertical-align: center; 
    list-style: none; 
} 

Answer 1

ディスプレイを使用します。アラインメントアイテム：center; propethy。