Div表现为Table

问题描述

|

    <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以上     

解决方法

就像是...

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

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

会做到的（假设您先修复html！） 在这里取样。     ,您可能希望按照此http://jsfiddle.net/8XrhD/的方式进行操作，但是此代码将影响页面上的所有

label

和

input

控件。     ,标签{float：left;宽度：x; } 输入{margin-left：x; } div {margin-bottom：.4em; }     ,CSS：

div {
  clear: both;
}

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