0

HTML

<div class="containerDiv">
    <p>Test</p>
    <input type="checkbox" checked="checked" />
</div>

CSS

.containerDiv 
{
    width:600px;
}

.containerDiv p 
{
    margin: 10px 0px 10px 10px;
    float: left; 
    width: 500px;
}

.containerDiv input[type='checkbox']
{
    float: right;
    margin: auto 10px;
}

こんにちは、

pタグと入力にテキスト（テキストは非常に長くなる可能性があります）を含むdivがあります。テキストのすぐ隣の入力を垂直方向に中央揃えにしたいのですがfloat: left、margin: auto 10px機能しません。

4

4 に答える 4

0

margin: 10px auto;代わりにマージンを試すmargin: auto 10px;

于 2013-03-13T10:38:53.413 に答える
-1

p の代わりに label を使用し、ラベルの行の高さを入力全体の高さに設定します。

于 2013-03-13T10:29:43.273 に答える
-1 
 <div style="width: 55px;">
<p style="float: left; margin: 0px 0px 10px 10px; width: auto;">Test</p>
<input checked="checked" style="float: right; margin: 5px auto;" type="checkbox">
 </div>
于 2013-03-13T10:33:02.407 に答える