使<ul>标记显示在与文本相同的行上

Question

我正在尝试<ul>使用一行文本内联显示标签.这是HTML.

<li>
  <input type="checkbox" id="449" value="Whats that?" class="checkbox"><label for="449">Whats that?</label>
  <ul class="449">
    <li>{...removed...}</li>
    <li>{...removed...}</li>
    <li>{...removed...}</li>
    <li>{...removed...}</li>
  </ul>
</li>

它现在呈现的是:

Whats that?
  Li element
  Li element
  Li element
  Li element

但是我希望它像这样呈现:

Whats that? Li element
            Li element
            Li element
            Li element

我需要做什么CSS规则<ul>？并且没关注那个类名,它是用于zany javascript目的.谢谢!

Answer 1

漂浮他们:

p, ul {
    float: left;
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}

<p>Whats that?</p>
<ul>
    <li>Li element</li>
    <li>Li element</li>
    <li>Li element</li>
    <li>Li element</li>
</ul>