如何把一个元素更贴近html标签

我需要创建一个元素（div或span）更接近为输入字段创建的标签。我的问题是，标签宽度似乎与输入字段宽度有关，因此，如果我在HTML标签后立即添加div，该元素将在输入框占用的空间末尾创建。我的问题是：如何在不使用固定位置坐标的情况下将div元素更贴近标签文本？如何把一个元素更贴近html标签

我的代码我得到这样的：

Example label   XX 
======================== 
========================

我需要的东西，如：

Example label XX 
====================== 
======================

这是我当前的代码：

HTML：

<div style="float:left;"> 
    <div id="spinner" style="float: right; visibility: visible;">XX</div> 
    <label for="text_sample">Example Text</label> 
    <label> 
    <input type="text" id="input_sample" name="xxxx" value="" style="width:180px" />  
    </label> 
</div>

CSS：

label{ 
    display: block;  
}

为了您的方便我已经创建了一个Fiddler demo：

谢谢

来源

2014-03-24 Marco

我在XX和标签上都使用了'float：left'。试试这个：http://jsfiddle.net/borglinm/zQ2Ep/1/ – Mathias

HTML：

<div style="float:left;"> 
    <label for="text_sample" class="left">Example Text</label> 
    <div id="spinner" class="left">XX</div> 
    <label> 
     <input type="text" id="input_sample" name="xxxx" value="" /> 
    </label> 
</div>

CSS：

label { 
    display: block; 
} 
.left { 
    float: left; 
} 
#input_sample { 
    width:180px; 
} 
#spinner { 
    margin-left:10px; 
}

的jsfiddle：http://jsfiddle.net/7fGLy/

来源

2014-03-24 18:15:22 syymza

如何把一个元素更贴近html标签

回答

相关问题