スパンに余裕を追加すると、スパンに余裕が追加されます。

Question

margin-leftをスパンにパーセンテージで追加しようとしましたが、結果が欲しいものではありません。ブートストラップによってラベルに追加されたプロパティ表示をブロックするように変更した場合にのみ動作します。 誰もこの動作を私に説明して解決策を提示できますか？ ありがとうございます。奇妙な問題を引き起こす可能性が明示的に定義されdimenionを持っている、のいずれかの割合ユニットの使用を控えるか、できなかったんインラインブロックに対する

label { 
 
    display: inline-block; 
 
    max-width: 100%; 
 
    margin-bottom: 5px; 
 
    font-weight: 700; 
 
} 
 
.field-description { 
 
    margin-left: 20%; 
 
}

<label class="gender-item"> 
 
    <input type="radio" id="male" class="field-checkbox" name="gender" value=""> 
 
    <span class="field-description">male</span> 
 
</label>

Answer 1

パーセント値white-space: nowrapで1つの行にコンテンツを残します。

label { 
 
    display: inline-block; 
 
    max-width: 100%; 
 
    margin-bottom: 5px; 
 
    font-weight: 700; 
 
    white-space: nowrap; 
 
} 
 
.field-description { 
 
    margin-left: 20%; 
 
}

<label class="gender-item"> 
 
    <input type="radio" id="male" class="field-checkbox" name="gender" value=""> 
 
    <span class="field-description">male</span> 
 
</label>

Answer 2

は、私はあなたがスパンは、あなたが何が起こっているかの画像を投稿することができますし、何が起こることを期待しているインライン Check hereClick here