将两个段落并排放置？

Question

我一直在尝试段落并从脚本标签写入它们，并且想知道是否有一种方法可以将它们水平放置在彼此旁边而不是在下面。我当前的代码是这样的：

<p id="csvData"></p>
<p id="csvData2"></p> 

我不知道如何让“csvData”和“csvData2”彼此相邻。

Answer 1

这不是脚本的事情，这可以通过 CSS 轻松完成。

#csvData {
  border: 1px solid red;
  height: 200px;
  float: left;
  width: 45%;
}
#csvData2 {
  border: 1px dotted blue;
  height: 400px;
  float: right;
  width: 45%;
}

<p id="csvData"></p>
<p id="csvData2"></p>