css - How to control a with CSS?

Question

I have this snippet:

      <label>&nbsp;</label><a id="whatever" 
      onclick="addmore('field_whatever', 'What's up?');">The deal is?</a><br/>

How do i use CSS to add space on the top or the bottom. I am able to do it for margin-left but it won't work for margin-top nor margin-bottom.

Thanks

score 3 · Accepted Answer

labelsデフォルトではインラインです。上下の余白には反応しません。block/として表示するように指示する必要がありますinline-block。

このような

label { 
    display: inline-block;
    margin: 20px 0;
}

さらに、アンカーにはエスケープされていない引用符があります。このように修正

<a id="whatever" 
      onclick="addmore('field_whatever', 'What\'s up?');">The deal is?</a>

score 1 · Accepted Answer

#whatever{
    margin-left: 10px;
    margin-top: 10px;
    // etc, can even do this
    margin: 10px 10px 5px 20px;
}

score 1 · Accepted Answer

表示ブロックを試してみてください。うまくいくはずです。

label {
   display:block;
   margin:20px 0;
}

3 に答える 3