我如何使所有这些部分完美对齐？小差距

Question

下面是图片 - 笑到你想要的，这是我的规格的一部分。

#content2 {
    float:left;
    margin: 1% 2% 1% 1%;
    border-color: #000000;
    border: 2px solid;
    background-color: #Cc3399;
    width: 40%;
    margin-right: auto;
    display: block;
}
#middle {
    float: left;
    margin: 1% 1%;
    margin-right: auto;
    padding: 1%;
    background-color: #fff;
    width: 300px;
    height: 500px; 
    border-color: #000000;
    border: 2px solid;
    background-color: #Cc3399;
}

aside {
    float: right;
    width: 29%;
    margin: 1% 1%;
    margin-right: auto;
    padding: 2% 0;
    border-color: #000000;
    border: 2px solid;
    background-color: #Cc3399;
}

我只是希望它看起来更好。关于我能做什么的任何提示？

Answer 1

在表单元素中添加一些填充。添加占位符而不是文本字段，并可能将所有内容对齐，以使其看起来更专业。

但是，嘿，如果你符合你的规格，那就是你能做的一切，欢迎与客户打交道:)

编辑：如果你想让一切都更好地对齐。不要在边距上使用百分比，尽可能使用固定宽度。将文本标签包装在div中，输入字段包含在另一个div中，以使它们更好地对齐。更好的是，只需在我提到的输入字段中放置占位符，然后在必要时将其包装在单个div中以便更好地对齐。始终检查您的填充/边距并使用页面上的F12来玩。