html - 如何在页脚中显示垂直的白色边框？

Question

我需要在页脚宽度的 90% 左右处制作一个垂直的白色边框。

它应该是这样的:

我目前拥有与图片中相同的东西，但右边没有白线。

footer {
  width: 100%;
  background-color: #CDDE47;
  padding: 10px;
}

<footer>
  <h2>Contact us</h2>
  <p><em>You can find our physical location on:<br>
                42 Tree lane, CB2345, Cambridge, Cambridgeshire, United Kingdom</em>
  </p>

  <a href=""><em>+44 (2345) 345 456</em></a>
  <br>
  <a href=""><em>info@growiteatit.co.uk</em></a>

  <ul>
    <li><a href=""><em>Check out our facebook page</em></a>
    </li>
    <li><a href=""><em>Check out our twitter feed</em></a>
    </li>
  </ul>
</footer>

Answer 1

给你的页脚 position: relative 并在其中添加一个 div.verticalLine 定义如下:

.verticalLine{
    position: absolute;
    top: 0;
    right: 10%;
    width: 30px;
    height: 100%;
    background: #fff;
}