html - 需要一个非常简单的 HTML 说明

Question

我有以下一段代码

           <li>
                 <label> Label: </label>
                  <p>I am label 1 </p>
               </li>

这打印出来像

 1.  Label:

    I am label 1

我如何修改它以便打印

Label: I am label 1

score 2 · Accepted Answer

<p>是一个块级元素，因此您需要使用display:inlineor inline-block（或者float如果您必须）允许它流动：

li p {display:inline-block;}

score 1 · Accepted Answer

<li>
    <label> Label: </label>
    <span>I am label 1 </span>
</li>

如果您希望它显示在同一行中，请使用 span 而不是 p。p 是块级元素

score 0 · Accepted Answer

       <li class="myli">
             <label class="mylabel"> Label: </label>
              <p class="inline-p">I am label 1 </p>
       </li>

CSS

.mylabel {display:inline-block;}
.inline-p {display:inline-block;}
li.myli {list-style-type:none;}

应该管用

score 0 · Accepted Answer

0

li label, li p {
   float: left;
}

于 2013-11-14T17:11:35.150 回答

score 0 · Accepted Answer

<ul>我想您以or标记开头，而<ol>不是像这样：

ul li p {
  display: inline;
}

或者

ol li p {
  display: inline;
}

score 0 · Accepted Answer

<input>标签只有在与元素相关时才有意义。当用户单击一个<label>元素时，<input>它指向的元素会获得焦点并被选中。复选框被切换，等等。

<li>
    <label for="quantity">Quantity</label>
    <input id="quantity" type="number"
           min="0" placeholder="Quantity (0 to delete)">
<li>

标签指向输入。使用 CSS，您可以指定form label宽度100px并将其浮动到左侧。你可以告诉form li清除左边。 form ol应该有list-style-type: none。这里没有必要<p>。使用系统；不要与之抗争。

如果您只有纯文本，请使用纯文本，而不是标签。另一方面，您可能希望像旧的<dl compact>. 我不确定你是如何得到<dt>and<dd>在同一条线上的。

6 回答 6