如何在p标签内向左侧浮动一半文本，在另一侧向右浮动？

Question

我在p标签内有一个段落，并希望上半部分向右浮动，下半部分向左浮动。我可以使用属性代码在p标记内执行此操作，还是必须创建新的id选择标记才能执行此操作？

Answer 1

使用CSS3的多列布局

p{
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}

http://jsfiddle.net/sjmcpherso/0k3nnpas/

获取左侧的底部列添加

p{
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  direction:rtl;
  text-align:left;
}

注意：CSS3列是IE10 +有关更多详细信息，请参阅https://css-tricks.com/almanac/properties/c/columns/