スパンは、他のスパンテキストの「周り」のテキストを左揃えにします

Question

ユーザーのコメント用の表示があります。

私は、ユーザー名が（異なるスタイルで）表示すると、（必要に応じて、次の行）、その後のコメントをした後、同じ行に表示したい

ここでは、私は今の私どこのためのフィドルです：

HTML

：

https://jsfiddle.net/41y6ycf4/3/

ここでフィドルにあるコードがあります

<div class="col-sm-4"> 
<span class="user">Remus </span> 
<span class="comment"> This is my user's comment And I am making it large so that it makes sense for this example</span> 
</div> 

CSS

.user { 
    font-weight: 900; 
} 

.comment { 
    display: block; 
    text-align: left; 
    color: #999999; 
} 

私はdisplay: blockを取り除くと、私はそれフィドルにしたいとtext-align: leftはそれが正確になります場合ことを実現しています。

しかし、私は現在、サイトの中心に配置されている他の多くのデフォルトスタイルがあるため、左揃えを明示的に定義する必要があります。

EDIT 1

あなたがブロックまたはインラインブロックとして表示を定義しない場合は、テキスト整列を有効にしないことスパンのためのようです。しかし、名前をフローティング私は道、それは（私が欲しいものではない）のコメントのための新しい行を作るの表示を定義しない場合

Answer 1

は、あなたが欲しいものを行います。このよう

.user { 
font-weight: 900; 
float: left; 
}