html - 非常に単純な HTML の説明が必要です

Question

次のコードがあります

           <li>
                 <label> Label: </label>
                  <p>I am label 1 </p>
               </li>

これは次のように出力されます

 1.  Label:

    I am label 1

これを変更して印刷する方法

Label: I am label 1

Answer 1

<p>はブロックレベルの要素なdisplay:inlineので、 orを使用してフローできるようにする必要がありますinline-block(または必要floatな場合):

li p {display:inline-block;}

http://jsfiddle.net/AsY29/

Answer 2

<li>
    <label> Label: </label>
    <span>I am label 1 </span>
</li>

同じ行に表示する場合は、p の代わりに span を使用します。p はブロックレベルの要素です

Answer 3

li label, li p {
   float: left;
}