CSS:同一行上的左对齐和右对齐文本

时间:2018-08-15 01:28:07

标签: html css text alignment text-alignment

堆栈溢出问题询问如何在1行上同时使文本左对齐和右对齐。我找不到适用于多行文本的答案。


如何在包含多行的文本段落中将内联元素的行右对齐?当inline元素位于一行的中间时,应以其方式跳过文本并在当前行的末尾。

示例代码:

push "route 10.0.0.0 255.255.255.240"
  

http://busbyland.com/connect-mqtt-client-to-azure-iot-edge/

     

简单的模型

即使调整了文本容器元素的大小,该解决方案也应该起作用。

1 个答案:

答案 0 :(得分:2)

这正是float属性的作用。在该元素的规则内使用float: right。您可以在MDN's article

了解有关float属性的更多信息
  

right

     

该元素必须浮在其包含块的右侧。

Float使文本环绕图像或其他元素。