2列段落

Question

我知道做到这一点并不难，但我想知道实现这一目标的最佳方法

在响应式的情况下，每个项目的右侧部分需要高于左侧部分。

基本上我们有类似他的东西 1 2 3 4 5 6

而且在响应中它不能 1 3 5 2 4 6

有没有办法避免浮动元素？

谢谢！

Answer 1

一个简单的解决方案：

p {
  margin: 0;
}

p span {
  width: 200px;
  display: inline-block;
}

<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuffing stuff</span>HAHAHAH</p>