Html 如何使水平线从div元素的右侧开始？

CSS:ul{ 列表样式：cjk表意文字； 保证金：0； 填充：0； 宽度：100%； 文本对齐：对齐； } 李{ 颜色：cd8252； } ulli p{ 颜色：黑色； 字体大小：正常； 左：无； } ul li span.list-ability{ 字体系列：“Centrale Sans Medium”； 字体大小：15磅； 字体大小：粗体； 颜色：#000； } .左名单{ 宽度：390px； 位置：绝对位置； 浮动：左； } .左列表{ 右边距：-10px； 边缘底部：10px； 右边填充：20px； } h线{ 显示：内联块； 宽度：40%； 边框：2个实心#f1dccf； 边缘顶部：20px； 左边距：10px； }

友好

能够与每个人成为朋友



优势

你会毫不犹豫地让别人对你印象深刻，并在需要时负责处理各种情况。你可能会给人以支配或控制他人的印象，并且对他人的观点不屑一顾



冒险的

您更喜欢日常工作，并在舒适区内担任熟悉的角色。你可能会觉得难以适应变化，可能会选择放弃新的经验和学习机会

这就是我们创建水平线的方式，我已经让它从右边开始

<div>Somthing</div>

Somthing

CSS

div{
显示：块；
位置：相对位置；
}
部门：以前{
内容：“；
位置：绝对位置；
底部边框：3倍纯黑；
宽度：40%；
右：0；
底部：0；

这就是我们创建水平线的方式，我已经让它从右边开始

<div>Somthing</div>

Somthing

CSS

div{
显示：块；
位置：相对位置；
}
部门：以前{
内容：“；
位置：绝对位置；
底部边框：3倍纯黑；
宽度：40%；
右：0；
底部：0；

我想这就是你想要的，修改了一些html并利用css来达到目标

。列表功能{
位置：相对位置；
}
.列出能力范围{
背景色：白色；
右边填充：10px；
}
.列表能力：之后{
内容：“；
位置：绝对位置；
底部：0；
左：0；
右：0；
高度：0.5em；
边框顶部：1件纯黑；
z指数：-1；
}

友好

能够与每个人成为朋友



优势

你会毫不犹豫地在别人面前留下深刻印象，并在需要时负责处理各种情况。你可能会给别人留下支配或控制他人的印象，并对他人的观点不屑一顾



冒险的

您更喜欢在自己的舒适区内从事日常工作和熟悉的角色。您可能觉得难以适应变化，可能会选择放弃新的经验和学习机会

我想这就是你想要的，修改了一些html并利用css来达到目标

。列表功能{
位置：相对位置；
}
.列出能力范围{
背景色：白色；
右边填充：10px；
}
.列表能力：之后{
内容：“；
位置：绝对位置；
底部：0；
左：0；
右：0；
高度：0.5em；
边框顶部：1件纯黑；
z指数：-1；
}

友好

能够与每个人成为朋友



优势

你会毫不犹豫地在别人面前留下深刻印象，并在需要时负责处理各种情况。你可能会给别人留下支配或控制他人的印象，并对他人的观点不屑一顾



冒险的

您更喜欢在自己的舒适区内从事日常工作和熟悉的角色。您可能觉得难以适应变化，可能会选择放弃新的经验和学习机会

但它已经在右边了，不是吗？是的，实际上它跟在跨距文本后面，因为我放了display:inline块，我只是在文本和水平线之间加了一个空格。但不是从div的右边开始。@MarvinTordillos请查看我的答案，希望有帮助。但它已经在右边了，不是吗？是的，实际上它跟在后面自从我放置display:inline块后，在跨距文本后面放置了s。我只是在文本和水平线之间放置了一个空格。但不是从div的右侧开始。@MarvinTordillos请查看我的答案，希望它能有所帮助。我也会在我这边尝试这个。我也会在我这边尝试这个。这对我来说是最好的答案，这正是我的答案我正试着做。非常感谢。@MarvinTordillos你能把它标记为正确答案吗？这是这个问题的要求答案。这是我最好的答案，这正是我想做的。非常感谢。@MarvinTordillos你能把它标记为正确答案吗？因为这是这个问题的要求答案。