如何爲此代碼添加css規則？

Question

問題是我不知道如何應用'搜索example.com'文本的CSS規則，更準確地說，我不知道該怎麼做，因爲文本沒有在標籤之間關閉。

此代碼是由JavaScript生成（support.google.com）

這是代碼：

<div id="goog-wm"> 
    <div class="content"> 
    <h3 class="other-things"><b>Other things to try:</b></h3> 
    <ul> 
     <li class="search-goog"><script type="text/javascript"> a code here... </script> Search <b>example.com</b>: 
     <form method="get" onsubmit="return ss(this)"> 
      <input type="text" value="blablabla" id="goog-wm-qt" name="q" size="40"> 
      <input type="submit" id="goog-wm-sb" value="Google Search"> 
     </form> 
     </li> 
    </ul> 
    </div> 
</div> 

我想要做的是搜索框和之間施加20像素的保證金文字...

我該怎麼做？先謝謝你。

Answer 1

你能應用20px上邊距的形式？

.search-goog form { margin-top: 20px; } 

Answer 2

這個怎麼樣：

li.search-goog form { 
    margin-top: 20px; 
} 

Answer 3

#goog-wm .content ul li.search-goog { 
/* css here */ 
} 

這應該讓你的風格的文本。然後，您可以開始刪除聲明由左到右，直到它停止工作....您可能只需要....

li.search-goog { 
/* css here */ 
} 

Answer 4

應用li.search-goog元素的第二天窗體上20像素的保證金規則（ S）：

.search-goog > form { 
    margin-top:20px; 
} 

Answer 5

檢查了這一點：

http://jsfiddle.net/w2nCn/1/