标签后没有出现按钮?

时间:2017-07-19 08:52:31

标签: html css

我试图在按钮后给标签,但按钮没有出现。 是在小提琴工作,但不是在我的本地代码。

请解决问题。

<div style="float:left;padding-top:5px;">
  <span class="newrdb">
     <label for="all" style="padding-left:15px;padding-bottom:8px;width:100px;font-size:12px;float:left"> 
                                    Default Template
     <input type="radio" name="Template" id="all" value="Default Template" checked="">  
     </label>
   </span>
</div>

2 个答案:

答案 0 :(得分:5)

简单的解决方案..从width:100px; 中移除label或为其提供更多像素...
问题是,两个元素(文本单选按钮)不能放在100px元素中。因此,通过删除使其更宽,它们将组合在一起。

<div style="float:left;padding-top:5px;">
     <span class="newrdb">
          <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left"> 
               Default Template
               <input type="radio" name="Template" id="all" value="Default Template" checked="">  
          </label>
     </span>
</div>

答案 1 :(得分:2)

将输入字段保留在标签标记之外

尝试以下代码,

<div style="float:left;padding-top:5px;">
  <span class="newrdb">
    <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left;"> 
 Default Template
    </label>
     <input type="radio" name="Template" id="all" value="Default Template" checked="">  

 </span>
</div>