如何使用css将文本垂直对齐到某些文本的右侧?

如何使用css将文本垂直对齐到某些文本的右侧?,css,Css,如何使读取行右侧的文本与顶行垂直对齐 如图所示,如何使红线右侧的文本与顶部文本对齐 您可以使用CSS的padding元素 HTML 这里是JSFiddle链接 我想你会得到这样的东西: <div class="note"> <span class="label">Note:</span> <span class="text">Certification and E-Tests are...</span> </div

如何使读取行右侧的文本与顶行垂直对齐

如图所示,如何使红线右侧的文本与顶部文本对齐


您可以使用CSS的padding元素

HTML

这里是JSFiddle链接


我想你会得到这样的东西:

<div class="note">
    <span class="label">Note:</span>
    <span class="text">Certification and E-Tests are...</span>
</div>
几乎不应用
CSS

dl dt { float:left; }

这个:

请提供一些代码或将该文本放在div中?我们可以看一些代码吗?请看代码,或者一个JSFIDLE可以帮助.divs使用内联块。谢谢这解决了我的问题。
<div class="note">
    <span class="label">Note:</span>
    <span class="text">Certification and E-Tests are...</span>
</div>
<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>
dl dt { float:left; }