How can i add a css rule for this code?

Question

The problem is i don't know how to apply a css rule for 'Search example.com' text, more accurately i don't know what to do because the text is not closed between tags.

This code is generated by javascript ( support.google.com )

This is the code:

<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>

What i want to do is to apply a 20px margin between the search box and the text...

How can i do this? Thank you in advance.

Answer 1

您可以将20px上边距应用于表格吗？

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

Answer 2

Apply the 20px margin rule on the very next form of the li.search-goog element(s) :

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

Answer 3

How's this:

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

Answer 4

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

That should allow you to style the text. You can then start removing declarations from left to right until it stops working.... You may only need....

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

Answer 5

Check this out:

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