私のテキストが自動段落を作るのはなぜですか？

Question

私はイメージの前にテキストを置こうとしていましたが、そのテキストが注文なしで段落を作るということが起こりました。

私が使用しているHTMLのコードは次のとおりです。

<div id="userminidata"> 
    <div id="userminiinfo"><img id="userminipic" src="images/minipic.png"> 
    <span>(User name)</span> <span class="separadorverde">|</span> <span>Definições de Conta</span> <span class="separadorverde">|</span> <span>Sair</span> 
    </div> 
</div> 

CSSコード：

#userminidata{ 
    float:right; 
    margin: center; 
    height: 50px; 
    width: 250px; 
    margin-top: 13px; 

} 

#userminipic { 
    width: 30px; 
    height: 30px; 
    vertical-align: middle; 

} 

#userminiinfo { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #8b8b8b; 
    font-style:normal; 

} 

.separadorverde{ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #93b55a; 
    font-weight:bold; 
} 

何が起こっているかの少なくともスクリーンショット：#userminidataのhttp://www.imgftw.net/img/692260808.jpg

Answer 1

幅わずか250pxであり、十分ではありません。しかし、私はあなたの元の順序が間違っていると思う -

は私があなたの質問を理解していることを全くわからないんだけど

#userminidata 
{ 
    width:300px; /*or more*/ 
} 

Answer 2

を試してみてください。画像の前にテキストを表示する場合は、画像は<div>の最初の項目であってはなりません。

Answer 3

画像は、あなたのhtmlとcssの通常の動作のようです。私は段落のようなものはどこにも見ません。