css - How to vertically align text to the right of some text using css?

Question

How do I get the text on the right side of the read line to vertically align with the top line?

See image, how to get the text to the right of the red line to line up below with the top text?

Answer 1

我想你有这样的事情：

<div class="note">
    <span class="label">Note:</span>
    <span class="text">Certification and E-Tests are...</span>
</div>

我会使用HTMLtags dl, dt& dd( Reference ) ：

<dl>
    <dt>Note:</dt>
    <dd>Certificaiton and E-Test are not required for entry to Carbuitlz but seller must agree to an on-site mechanic inspection at seller's price</dd>
</dl>

申请几乎没有CSS：

dl dt { float:left; }

---

结果：_

Answer 2

您可以使用 CSS 的填充元素。

HTML

<div class=format>Certificaiton and E-Test are not required for entry to Carbuitlz but seller must agree to an on-site mechanic inspection at seller's price</div>

CSS

    .format{
    padding-left:100px;
}

这是 JSFiddle 链接

http://jsfiddle.net/ashishtyagi10/GmqLP/