css - 使 <ul> 标签与文本显示在同一行

原文 标签 css

我正在尝试制作 <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> ?别介意那个类名,它是为了滑稽的 javascript 目的。谢谢!

最佳答案

漂浮它们:

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>

关于css - 使 <ul> 标签与文本显示在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4832051/

相关文章:

html - 如何将自举程序框粘在一起?

html - HTML和CSS-文字高度不同

javascript - Webpack从SCSS到CSS提取不起作用

html - 在其他元素下方对齐div并使其文本垂直对齐

css - iPhone 6 plus上的字体缩放看起来像Revolution Slider中的光栅缩放

html - 导航栏问题-步骤形成

html - 响应式设计模式无法显示正确的移动体验

html - CSS响应式设计问题

css - 如何更改网格的订单方向?

html - CSS,是否可以在没有图像的情况下实现这一目标?