如何将2个并排水平文本排成一行？

Question

我有两个主要的div，一个在左边，一个在右边。左边的div是一个Wordpress插件联系表单7.它有一个问题列表。

为此，我想在我的第二个div上单独解决每个问题。我在第二个div中创建了较小的div。

如何在第二个div中对齐这些较小的div，以便它们水平排列？我怎么做，它在所有屏幕和浏览器中都排成一行？

像X px中的margin-top，padding-top这样的常见内容并不起作用。

以下是截图：https://postimg.org/image/kedd5rbun/

Answer 1

尝试使用flex。

＆＃13;

＆＃13;

.qrow{
  width:100%;
  display:flex;
}
.qu{
  flex-basis:50%;
  border:1px solid green;
}
.an{
  flex-basis:50%;
  border:1px solid green;
}

＆＃13;

<div class="con">
  <div class="qrow">
    <div class="qu">Question<br/>question</div>
    <div class="an">Answer</div>
  </div>
  <div class="qrow">
    <div class="qu">Question</div>
    <div class="an">Answer<br/>Answer</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;