如何设置这些元素，例如照片？

Question

img

我需要像这样设置这些元素 like this

我的CSS代码（我尝试使用flex-direction：column；但是我做不到）：

      div.copyright{
       width: 60vw;;
       height: 10vh;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
        flex-direction: row;
        -ms-align-items: center;
      align-items: center;
      img{

        width: 6vw;
        height: 4vh;

    }
span.rights{
    color: white;


}
div.icons{

}
}

我试图处理flex-direction：column;但是我做不到 HTML：

     <div class="copyright">
    <img src="img/sh.png" alt="">
    <span>2017 Sportshold.All rights reserved.</span>
    <div class="icons">
        <span class="brandico-twitter"></span>
        <span class="brandico-facebook-rect"></span>
        <span class="brandico-blogger"></span>
        <span class="brandico-picasa"></span>
    </div>
</div>