html代码div使表格右移,使元素在div内右移

在我的产品页面上，根据添加到特定产品的数量，有许多属性。它可以从1到4.这些属性共享一个通用的字段集类名称，这对我来说很棘手。基本上，我试图将两个fieldsets并排放置，其余的放在它们下面(也并排放置)。但是，我也希望他们分开，并在容器内坚持各自的立场。我已经成功地完成了我上面提到的部分内容，但是我有一个问题需要将正确的字段集完全粘贴到右侧。这里有一个形象的描述： ​​使元素在div内右移

这里的至今代码：

HTML：

Choose

Option #1

Option #2

Choose

Option #1

Option #2

Choose

Option #1

Option #2

CSS：

.container {

width: 400px;

height: 200px;

background-color: gray;

border: 1px solid #dddddd;

}

fieldset {

padding: 0;

margin: 0;

border: 0;

}

#attributes .attribute_list {

width: 90%;

}

#attributes fieldset {

float: left;

width: 50%;

padding-bottom: 5px;

}

#attributes fieldset:last-child {

float: left;

padding-bottom: 0px;

}

我明白，如果我设置.attribute_list的无线网络dth到100％，它会完成我正在尝试做的事情，但这两个fieldset在中间没有空间。如果我改为设置固定宽度而不是百分比，那么我将在移动/平板电脑视图中遇到问题。有什么建议么？