100％幅のない表示ブロック

Question

displayプロパティを使用して別の要素の下に表示するようにspan要素を設定したいとします。私はインラインブロックを適用しようとしましたが、成功しなかったので、何とかその要素に100％の幅を与えないとブロックを使うことができたと思いました（要素が伸びないようにしたい）。これを行うことができますか、そうでない場合は、この種の問題を解決するための良いプラクシスですか？

例：

<li> 
<span class="date">11/15/2012</span> 
<span class="title">Lorem ipsum dolor</span> 
<a class="read-more">Read more</a> 
</li> 

更新：解決：私は、各記事の最後にあるリンク（<a>代わりの<span>注）「続きを読む」を設定したいニュース一覧。 CSSでは、

li { 
    clear: both; 
} 
li a { 
    display: block; 
    float: left; 
    clear: both; 
} 

Answer 1

私が正しくあなたの質問を理解していた場合は、以下のCSSは、スパン下記のおAを浮遊し、100％の幅を持っていることから、それを維持します：

a { 
    display: block; 
    float: left; 
    clear: left; 
} 

Answer 2

を適用し、私は独自のdiv要素に各行を保つので...

<div class="row"> 
    <div class="cell">Content</div> 
</div> 
<div class="row"> 
    <div class="cell">Content</div> 
</div> 

そして、CSSのためになります。

.cell{display:inline-block} 

それはあなたを与えるのは難しいです元のコードを見ることなく解決する

Answer 3

は、あなただけのdisplay: blockとしてスパンを設定できません含まれているliの要素にwidthを設定しますか？

Answer 4

もう一度答えが少し遅すぎるかもしれません（ただし、このページが回答のために見つかりました）。

代わり display:block;使用の

display:inline-block;

Answer 5

これを試してみてください：

li a { 
    width: 0px; 
    white-space:nowrap; 
} 

Answer 6

使用display: table。

この回答は30文字以上である必要があります。私は20歳になったので、ここでもう少しです。

使用できる

Answer 7

：

width: max-content;

注：サポートが限られている、ブラウザ