より良い方法はありますか？

Question

は..私は基本的にこれらのいくつかを持っている特定のブロック要素間のスペースを制御するためのより良い方法があります。

<div id="head1" class="global-box"> 
    <p>My Header Name</p> 
    <select id="Select1"> 
     <option></option> 
    </select> 
</div> 

問題は、私のヘッダー名を選択し、HTML要素の間のスペースは、私が望むよりも大きいことである...私は<p>を削除しようとしたが、その後、そのラインで選択し、ヘッダーのタイトルと同じ行にあります..

私は<br/>を使用することができますが、これは単にブロックを作成しますか？

Answer 1

最初のチェック（Resetting Again by MeyerやYUIのリセットを参照してください）

これは、一貫性を確保するために、すべてのブラウザですべてのマージンの割り当てを削除します。

その後、あなたのCSSスタイルでこれを使用します。

あなたが欲しいものは何でもそれを作ることができるように5pxのは、下マージン（左上右下）である

div.global-box p.header { margin: 0 0 5px 0; } 

。

Answer 2

は<選択スタイル= 'マージントップ試してみてください。0PXを。パディングトップ：0px; 'あなたのCSSで>

Answer 3

.global-box p { 
    margin-bottom: 2px; 
} 

.global-box select { 
    margin-top: 2px; 
} 

あなたはおそらく唯一のこれらのいずれかが必要ですが、それは知ることは困難です。

Answer 4

あなただけのこの<p>のためにこれをしたい場合：これは与えていない場合という

.global-box > p { margin-bottom: 0px; } 

注意：あなたはすべてのclass="global-box"要素のためにこれをしたい場合は、そうでない場合

#head1 > p { margin-bottom: 0px; } 

あなたが選択する前に十分な部屋、あなたは余白の底の量を増やすことができます。

Answer 5

要素間の目に見えるスペースは、一般的に

<p style="margin: 0px; padding: 0px">My Header Name</p> 

にあなたのヘッダー行を変更し、あなたがより少ないスペースをしたいのであれば

• パディング
• マージン

のいずれかになるだろう

と一緒に遊んでください。グローバルリセットスタイルシートを使用してに