标记html中的文本内容

时间:2013-07-19 20:13:11

标签: input tabs styles html

我想知道内容文字文本的最佳HTML标记元素是什么,以便提供任何文本格式。

我正在使用SPAN标记来指定宽度样式但它不起作用。

我想提供制表行为,因为有许多字段,如联系表格

<span style="width:100px;">MY TEXT</span><input type="text" value=""/>

但它不起作用。

是的,我知道如果我开始一个新项目,我可以定义一个CSS来创建表单传奇和div的形式,但我想要的是现在特定的东西。

任何想法如何做到这一点?

2 个答案:

答案 0 :(得分:1)

试试这个,display: inline-block可能会在您的具体情况下为您提供帮助:

<span style="width:100px; display: inline-block; ">MY TEXT</span><input type="text" value=""/>

答案 1 :(得分:0)

这是“表格”外观的可能性:当然你会想要给它们统一的宽度,以便它们保持彼此对齐等等。但这基本上是漂移..

<div>
    <div style="float:left;">MY TEXT1: <input type="text" value=""/></div>
    <div style="float:left;">MY TEXT2: <input type="text" value=""/></div>
    <div style="float:left;">MY TEXT3: <input type="text" value=""/></div>
</div>
<div>
    <div style="float:left;">MY TEXT4: <input type="text" value=""/></div>
    <div style="float:left;">MY TEXT5: <input type="text" value=""/></div>
    <div style="float:left;">MY TEXT6: <input type="text" value=""/></div>
</div>