如何在网站上使用标签来分隔文本？

我刚刚获得了另一项网页设计作业。我很好奇如何像这样来分隔文字。 Text spacing 如何在网站上使用标签来分隔文本？

这里的问题不是标题，也不是左边的文字。我在右边的时间有问题。我们被禁止编辑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与标签之间的空间文字？

来源

2012-03-30 rojcyk

老实说，看起来像一个表。使用一个:) – Kyle 2012-03-30 09:09:57

请发布您尝试的代码。这将帮助我们找出你的方法。 – 2012-03-30 09:10:32

@KyleSevenoaks“我们禁止编辑html。” – rojcyk 2012-03-30 09:12:25

在strong元素上使用规则display: inline-block。这条规则是行内的组合，但与指定大小的能力：

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

DEMO

如何在网站上使用标签来分隔文本？

回答

相关问题