Div表现为表格

Question

    <div>
    <label>VERTICAL_NAMES</label>
    <input type="text" name="VERTICAL_NAME" id="VERTICAL_NAME"  />
    <label>VERTICAL_NAMES</label>
    <input type="hidden" name="VERTICAL_NAME" id="VERTICAL_CODE" />
    </div>

o/p :
    VERTICAL_ID          Textbox 
      VERTICAL_NAME      Textbox

I can not able to bring this 

      VERTICAL_ID          Textbox 
      VERTICAL_NAME        Textbox

我们如何使用css

带来o / p

Answer 1

类似......

label {
    float: left;  
    clear: left;
    width: 200px;
}

input {
    float: left;
    width: 200px;
}

会这样做（假设你先修好你的html！）

示例here。

Answer 2

您可能希望按照此http://jsfiddle.net/8XrhD/的方式执行某些操作，但此代码会影响页面上的所有label和input控件。

Answer 3

label { float: left; width: x; }
input { margin-left: x; }
div { margin-bottom: .4em; }

Answer 4

的CSS：

div {
  clear: both;
}

label {
  float: left;
  width: 10em;
}