javascript - 内联元素的边框

Question

我必须为 div 元素应用边框。由于 div 元素是内联的，所以边框是重叠的。

Example fiddle link.

预期输出:

<span class="label_no" title="Label Editing not allowed">1.</span>
<div class="Heading">Heading Text Goes Here.....Heading Text Goes Here.....Heading Text Goes Here.....</div>

需要标签和标题在同一行，单独标题的边框。

Answer 1

你可以试试这个:

      .Heading{
    font-family: Georgia,"New Century Schoolbook",serif;
    font-size: 1.4em;
    letter-spacing: 0.02em;
    line-height: 1em;
    display:inline;
    border:1px solid green;
    margin: 0;
    padding: 5px;
    position:fixed;
    top:0px;
}
.label_no{
    font-size: 1.5em;
    color:red;
}
}

DEMO

或者

再举一个例子:

DEMO