html入力ボタンのすべてのテキスト行に余白を適用します。

Question

テキストを最初の行の下に配置することはできません。ページの右側にある大きなグリーンの「送信」ボタンの上のテキストを参照してください。link私はディスプレイを試しました：margin-left：15pxはテキストの最初の行でのみ動作しますが、残りは異なって表示されます。

Answer 1

margin-left: 15px;あなたが投稿サイト上で私のために完璧に動作します。.. ちょうどあなたが例えばdiv要素に移動するコンテンツラップ：私はあなたがグリッドを使用する必要があると思う余裕-DIVとのdivにmargin-left: 15px;

Answer 2

を与えるを例えばブートストラップのようなものである。そしてあなたのテキストからあなたの入力（チェックボックス）を分離してください。ブートストラップの例：

<div class="row"> 
    <div class="col-xs-2">your checkbox</div> 
    <div class="col-xs-10">Your text</div> 
</div> 

あなたはBootsrapを使用する必要はありませんが、そのようなグリッドのシステム。

希望があなたに役立つでしょう:)

Answer 3

これはそれを行う必要があります。

.control-group.checkbox { 
    padding-left: 20px; 
} 

.control-group.checkbox > input { 
    margin-left: -23px; 
} 

これは右に全体.control-groupを移動しますが、input要素のためにそれを戻ります。

Answer 4

アラインメントを適用する場合は、テキストを<span></span>または<p></p>に囲み、style="text-align:right;"と記載してください。一方

あなたはインデントにテキストが欲しいと言っているならば、そこにテーブルのすべての

  <table> 
       <tr> 
        <td> 
         <input type="checkbox" /> 
        </td> 
        <td> 
         <p>I agree to the terms of the privacy policy of APIS Informationstechnologien GmbH to have my data stored and processed for the purposes of initiating business and improving customer service. My data will not be provided to third parties. At any time, I can disagree with APIS Informationstechnologien GmbH using the data.</p> 
        </td> 
       </tr> 
      </table>