html - 如何在表格中正确放置联系表？

我试图在我的表格联系表中的http://jsfiddle.net/k6XSp/1/之间正确添加s之间的间距。

我希望右侧的字段与右侧消息框的宽度对齐，因此这意味着我需要在两个s中的s之间添加空格。

看起来不错，但我不知道如何分隔字段的右侧。添加边距权利似乎可以解决问题，但是效果不是很好，因为它很容易出错。

另外，当您单击字段时，表单会四处移动，因为会显示边框。

文本字段的CSS如下所示：

#contact-area input, #contact-area textarea  {
    padding: 5px;
    width: 451px;
    font-family: Helvetica, sans-serif;
    font-size: 1.4em;
    margin: 0px 0px 10px 0px;
    border: none;
    background-color: #dedede;
    height: 40px;
}

最佳答案

看看这个小提琴http://jsfiddle.net/k6XSp/6/。如建议的那样，尽量不要使用表格来放置元素。改用CSS。

<div class="control-group">
            <label for="FirstName" class="text">First Name:</label>
                <div class="control">
                    <input type="text" name="FirstName" id="FirstName" />
                </div>
            </div>

.control-group {width: auto; float: left; margin: 0 10px 0 0}
.control {display: block; clear: both;}