html - 在一行中显示两个单选按钮

Question

 <ul>
    <li  style="list-style:none;">
     <input type="radio" name="custom_type" value="public" />
      Public
     <input type="radio" name="custom_type" 
     value="private" id="custom_venuetype_private" />Private
     </li>
 </ul>

我有 2 个单选按钮。我的问题是两个单选按钮都排成两行，并且在单选按钮之后自动出现一些空白，即在第一个单选按钮之后，出现一些空白，然后是文本。并且下一个单选按钮出现在新行中。我需要在单行中同时使用，并且文本和单选按钮之间不需要空格

Answer 1

为了将元素放在一行中，您可以使用具有 inline 值的 CSS display 属性:

HTML:

<ul>
  <li  style="list-style:none;">
    <input type="radio" name="custom_type" value="public" />
    Public
    <input type="radio" name="custom_type" 
    value="private" id="custom_venuetype_private" />
    Private
  </li>
</ul>

CSS:

.li {display:inline}

这里是 JSFiddle .