javascript - 2 つの段落を隣り合わせに配置する

Question

私はパラグラフを試し、script タグからパラグラフに書き込んでいますが、パラグラフを下ではなく横に並べて配置する方法があるかどうか疑問に思っていました。私の現在のコードは次のようなものです：

<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> 

Answer 2

p 要素と div 要素は、span がインライン要素であるブロック レベル要素です。

<p>それぞれを でラップするか<div>、使用することができます<span>