CSS将3个HTML元素对齐，不允许访问HTML

不幸的是，我只能查看HTML，但我可以编辑CSS

从浏览器中可以看到3个元素（但有4个div）

我给它们加了一个边界，让它们清楚

---

我尝试过各种CSS元素，但似乎都不起作用。开始怀疑它是否是需要添加CSS元素的父ol、div或container元素。

旧的解决方案是使用

float:left；宽度：33.33%

还可以使用

框大小：边框框

将边框合并到元素宽度内

请参阅下面的代码段和/或>

li{
列表样式：无
}
上校问题{
显示：内联块；
边框样式：凹槽；
填充：6px；
浮动：左侧；宽度：33.33%；
框大小：边框框；
}
上校：回答{
显示：内联块；
边框样式：凹槽；
框大小：边框框；
填充：6px；
浮动：左侧；宽度：33.33%；
}
.col_select{
边框样式：凹槽；
填充：6px；
浮动：左侧；宽度：33.33%；
框大小：边框框；
}
字段集{
边界：无；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
-之前的webkit填充：0px；
-webkit填充开始：0px；
-webkit填充端：0px；
-webkit填充后：0px；
最小宽度：0px；
}

4.作为你职业的一部分，你是否在etc工作。
不

传统的解决方案是使用

浮动：左；宽度：33.33%

还可以使用

框大小：边框框

将边框合并到元素宽度内

请参阅下面的代码段和/或>

li{
列表样式：无
}
上校问题{
显示：内联块；
边框样式：凹槽；
填充：6px；
浮动：左侧；宽度：33.33%；
框大小：边框框；
}
上校：回答{
显示：内联块；
边框样式：凹槽；
框大小：边框框；
填充：6px；
浮动：左侧；宽度：33.33%；
}
.col_select{
边框样式：凹槽；
填充：6px；
浮动：左侧；宽度：33.33%；
框大小：边框框；
}
字段集{
边界：无；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
-之前的webkit填充：0px；
-webkit填充开始：0px；
-webkit填充端：0px；
-webkit填充后：0px；
最小宽度：0px；
}

4.作为你职业的一部分，你是否在etc工作。
不

不幸的是，不能将字段集定义为flexbox（），因此我在有问题的列中使用了float。希望这有帮助

字段集{
填充：0；
边界：无；
}
.持有人{
显示器：flex；
}
李{
列表样式：无；
}
上校：问题，
col_先生回答，
.col_select{
边框样式：凹槽；
}
上校问题{
最大宽度：60%；
浮动：左；
}

4.作为你职业的一部分，你是否在etc工作。
不

不幸的是，不能将字段集定义为flexbox（），因此我在有问题的列中使用了float。希望这有帮助

字段集{
填充：0；
边界：无；
}
.持有人{
显示器：flex；
}
李{
列表样式：无；
}
上校：问题，
col_先生回答，
.col_select{
边框样式：凹槽；
}
上校问题{
最大宽度：60%；
浮动：左；
}

4.作为你职业的一部分，你是否在etc工作。
不

这里最大的问题是字段集不能应用flexbox。如果可以将字段集更改为不同的标记类型，则可以轻松地使用flexbox和flex grow来实现这一点。 目前，您可能需要处理数字和填充/边距，但这种方法可以：

.col_question {
   display: inline-block;
   width: 32vw;
}

.holder {
   display: inline-block;
}

.col_answer {
   display: inline-block;
   width: 32vw;
}

.col_select {
   display: inline-block;
   width: 32vw;
}

---

这里最大的问题是字段集不能应用flexbox。如果可以将字段集更改为不同的标记类型，则可以轻松地使用flexbox和flex grow来实现这一点。 目前，您可能需要处理数字和填充/边距，但这种方法可以：

.col_question {
   display: inline-block;
   width: 32vw;
}

.holder {
   display: inline-block;
}

.col_answer {
   display: inline-block;
   width: 32vw;
}

.col_select {
   display: inline-block;
   width: 32vw;
}

最简单的方法是通过显示-表格和表格单元格

JS小提琴：

*{
框大小：边框框；
}
李{
列表样式类型：无；
}
上校问题{
显示：内联块；
边框样式：凹槽；
填充：6px；
显示：表格单元格；
宽度：33.33%；
}
上校：回答{
显示：内联块；
边框样式：凹槽；
填充：6px；
}
.col_select{
边框样式：凹槽；
填充：6px；
}
字段集{
边界：无；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
-之前的webkit填充：0px；
-webkit填充开始：0px；
-webkit填充端：0px；
-webkit填充后：0px；
最小宽度：0px；
显示：表格；
宽度：100%；
}
.持有人{
显示：表格单元格；
宽度：66.66%；
}
.holder>div{
宽度：50%；
显示：内联块；
保证金：0；
浮动：左；
}

4.作为你职业的一部分，你是否在etc工作。
不

最简单的方法是通过显示-表格和表格单元格

JS小提琴：

*{
框大小：边框框；
}
李{
列表样式类型：无；
}
上校问题{
显示：内联块；
边框样式：凹槽；
填充：6px；
显示：表格单元格；
宽度：33.33%；
}
上校：回答{
显示：内联块；
边框样式：凹槽；
填充：6px；
}
.col_select{
边框样式：凹槽；
帕迪
.col_question {
   display: inline-block;
   width: 32vw;
}

.holder {
   display: inline-block;
}

.col_answer {
   display: inline-block;
   width: 32vw;
}

.col_select {
   display: inline-block;
   width: 32vw;
}