問題HTML

Question

でスパンを表示するには、次のように私は、ネストされたスパンを作成しています：

<span id="1"> 
    text1 
    <span id="2"> text 2</span> 
</span> 

を何とかテキスト2は、新しい行にdesplayedされている、かもしれそれはスタイルシートの問題ですが、私はのためにスタイルシートをchnageカント他のいくつかのresons.How iは、デフォルトのスタイルシートをオーバライドして、テキスト2は、テキスト1

Answer 1

<span style="display:inline;">

Answer 2

と同じ行に表示されるように作ることができ、次を使用してみてください：display:inline。彼らはその後、あなたのCSSのいくつかはdisplay: inlineそのdisplay: block（または類似）を設定していないが、他に次のものが表示されていない場合は

Answer 3

は<span id="2" style="display:inline;">

Answer 4

を試してみてください。

簡単に修正する - CSSで設定した内容を確認して削除するか、明示的にdisplay: inlineと記載してください。

また、有効なid（およびその点についてはname）の属性は、must start with a [a-zA-Z]です。

Answer 5

スタイルシートの範囲をdisplay:blockに設定している可能性があります。これは、divのデフォルトのスタイリングのように、独自の行を取ります。それは!importantフラグを使用している場合

<span id="1"> 
    text1 
    <span id="2" style="display:inline"> text 2</span> 
</span> 

しかし、これはまだスタイルシートによって上書きされることがあります。この問題を解決するには、スタイル属性を追加することができます。

今後のデバッグでは、Webインスペクタ（Safari、Chrome）、Firebug（Firefox）、Dragonfly（Opera）などのツールをお勧めします。最終的には、数字で始まるid属性を持つことはできません。文字で始まる必要があります。