ウェブサイトのタブを使用するようにテキストのスペースを置く方法は？

Question

私はちょうどウェブデザインの別の課題を持っています。そして、私はこのようにテキストのスペースをとる方法に面していました。

ここでの問題は、見出しも左のテキストでもありません。私は右の時間に問題があります。私はほとんどすべてを試みたが、コードは常に「汚い」だったと私はそれは私がやった方法によって行われる疑う

<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> 

：私たちはこのようになりますHTMLを編集することは禁止されています。 （最初の子の間隔など）。

私の質問はです

Answer 1

strong要素のルールdisplay: inline-blockを使用してください。

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

​DEMO

さらに読書：正直なところ

• CSS Display rule (on SitePoint)