Question

似乎很简单。

我需要看看：

__ 我的文字在这里。

如果你愿意的话，可以选择一个细长的子弹点，然后是文本。 _ 是我假设的，使用<HR/>标记完成。 <HR/>标签工作正常，但“我的文字在这里”在下一行呈现。我试过了

<hr style='background-color:#000000;border-width:0;color:#000000;height:2px;line-height:0;text-align:left;width:5%;' /> <label>aaabb</label> <br/>

我尝试过各种变体，例如将它们放在同一行的表格中，但我无法获得我想要的简单“连接”外观。

Answer 1

这样的事情怎么样？

<hr style="width: 30px; float: left; margin-top:15px"><span style="white-space: nowrap;"> My text here.</span>

在这里摆弄：http://jsfiddle.net/9CvN6/

Answer 2

或此Fiddle

修改了html：

<hr class="bullet"/><label>aaabb</label>

的CSS：

hr.bullet {
    border:0;
    border-bottom: 2px solid #000000;
    color:#000000;
    height:2px;
    width:20px;
    display:inline-block;
    position:relative;
    top:5px;
    margin-right:3px;
}

Answer 3

您是否正在寻找—？

- 我的文字在这里。

渲染一行后跟文本

3 个答案: