html - コンテナーの下部にアイコンを配置する Flexbox の問題

Question

フレックスボックスに問題があります。ご覧のとおりaside、ソーシャル メディア アイコンの順序付きリストを保持する要素があります。何らかの理由で、これらのアイコンを含む の BOTTOM に貼り付けることができませんdiv。

HTML コード

 <div class="outercontainer group"> 
      <div class="dividing-row span_1_of_2 col"> 
        <p> here is some text </p>      
            <aside>
              <ol class="category-name">
                <li><i class="fa fa-pinterest-p"></i></a></li>
                <li><i class="fa fa-flickr"></i></a></li>
              </ol>
            </aside>      
        </div>
     </div>

CSS コード

.outercontainer // this keeps all containers the same height in fluid design
{
display: flex;  
flex-wrap: wrap;
}


ol.category-name
{
display: inline-block;
color: #FFF; 
align-self: flex-end!important;  // this does not work 
}

誰でも助けることができますか？私は明らかなことを見逃していますか？

どうもありがとう、p