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

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显示规则(在SitePoint上)