如何在網站上使用標籤來分隔文本？

我剛剛獲得了另一項網頁設計作業。我很好奇如何像這樣來分隔文字。 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

如何在網站上使用標籤來分隔文本？

回答

相關問題