html - 我的页脚不会垂直对齐

Question

我试图让我的 li 元素保持在同一行上，但它们不会(它们水平对齐，仅此而已)

代码如下:

<footer>
    <div class="container">
      <div id="coisas"
      class="col-6">
        <div class="row">
          <ul class="col-6">
            <li class="col-1"><img src="icon-behance.png"></li>
            <li class="col-1"><img src="icon-behance.png"></li>
            <li class="col-1"><img src="icon-behance.png"></li>
          </ul>
        </div>
      <div id="nothing"
      class="col-6">
      </div>
    </div>
  </footer>

这是 CSS:

#coisas {
  float: right;
  bottom: 0;
  position: absolute;
  size: 50%;
  left: 0;
  padding-left: 5%;
  padding-right: 5%;
}
#nothing {
  size: 50%;
  right: 0;
}

Answer 1

要达到预期结果，请使用以下选项

#coisas ul li{
  display:inline;
}

Codepen- https://codepen.io/nagasai/pen/vmdYNg