こんにちわ。なおとです。朝晩冷えますね。

.fixed-inline {
  display: inline-table;
  width: 2em;
}

<p>
<span class="date fixed-inline">2008-11-1</span>
<span class="title">...


</p>

置換要素ではないインライン要素は、幅や高さは「なり」というのが、CSSの仕様です。 ある部分の幅を固定したいとき、それはブロック要素にして、配置はfloatにするなり、というのがよくやる方法だと思います。

例えば箇条書き的な配置のインラインのテキストがあって、それに何か見出し的な何かを、表組みのような配置で追加したくなったとします。 しかしtable要素にしたくなかったとか、マークアップはspanを使っていたのを変えたくないとします。これはあくまで例えです。

そのときに知ったのが、冒頭の記述です。 inline-tableの存在理由からすると、逸脱した使い方に思えます。よく考えて使ってください。