如何使用网站上的标签来区分文本？

Question

我刚刚接受了另一项网页设计任务。我很古怪如何像这样空间文本。

这里的问题不是标题，也不是左边的文字。我对右边的时间有问题。我们被禁止编辑看起来像这样的html：

<div class="oteviracka">
<h2>Otevírací doba</h2>
<p><strong>Po &ndash; Pá:</strong> 11:00 &ndash; 23:00</p>
<p><strong>So:</strong> 11:00 &ndash; 24:00</p>
<p><strong>So:</strong> 11:00 &ndash; 22:00</p>
</div>

我尝试了几乎所有东西，但代码总是“脏”，我怀疑它是通过我做的方式完成的。 （第一个孩子的间距等）。

所以我的问题是如何使用带有CSS的标签来区分文本？

Answer 1

在display: inline-block元素上使用规则strong。此规则是内联的组合，但具有指定大小的能力：

p strong { 
    display: inline-block;
    width: 150px
    /* IE7 */
    *display: inline; 
    zoom: 1;
    /* IE7 */
}

​DEMO

进一步阅读：

• CSS Display rule (on SitePoint)