边界底部长度在CSS

Question

我正在处理网页的页脚部分。我试图限制css中边框底部的长度，但不幸的是由于某些原因我无法限制其长度。我为它创建了fiddle。

这个image显示了我想要的边缘底部的长度。

我在小提琴中写的代码是：

.footer p
{
  border-bottom: solid black;
}

Answer 1

边框的宽度（长度）正好是元素的宽度。您无法将边框设置为元素的一半。

如果要更改边框宽度，请降低元素的宽度：

.footer p
{
  width: 50%;
  border-bottom: solid black;
}

这是jsfiddle：
https://jsfiddle.net/74zgg81d/

另一种选择是为具有所需宽度的p元素设置容器（并且p将使用100％的父级宽度）：

<div class="footer">
    <div style="width: 150px">
        <p>
            ADDITIONAL INFO
        </p>
    </div>
</div>