html - 边框底部样式。使边框底部与导航栏菜单宽度相同

标签 html wordpress css

我试图在我的 WordPress 网站上创建一条水平线,它与我的容器和下面的文本完美对齐。 see image here

我似乎无法让它与我网站的 body-container 对齐。有什么方法可以设置底部边框的样式,使其宽度为 200px,例如。 ?

最佳答案

您可以创建另一个具有固定宽度的 div 并为其设置底部边框的样式:

<body>
  <div class="bodyContainer">
    <p>This is the main container.</p>
    <div class="borderBottom"></div>
  </div>
</body>

CSS:

.borderBottom {
  width: 300px;
  border-bottom: 1px solid black;
}

如果您的主体容器具有固定高度,请将 .borderBottom div 移动到主体容器之外。希望对您有所帮助。

关于html - 边框底部样式。使边框底部与导航栏菜单宽度相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45527456/

相关文章:

html - 从下到上的有序列表

php - 如何从 Artisan Command 访问 WordPress 功能

jquery - WordPress jQuery 根据类别切换

javascript - 为特定屏幕尺寸执行javascript

html - Construct 2 中的 CSS 自定义字体

javascript - 网格线切换 HMTL5 Canvas

HTML5 桌面通知

mysql - 按列对表中的数据进行排序 mysql 和 wordpress

css - 如何组合游标: not-allowed and pointer-events: none;

javascript - 如何在 JavaScript 中删除 blob 文件?