overflow: hidden
white-space: nowrap
text-overflow: ellipsis
/***2行表示**/
display: -webkit-box
overflow: hidden
text-overflow: ellipsis
word-wrap: break-word
white-space: normal !important
-webkit-line-clamp: 2
-webkit-box-orient: vertical
html让文字一部分靠左显示，另外一部分靠右显示的代码如下：
1.使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下：
<div style="float:left">明月几时有？把酒问青天。</div>
2.然后输入向右浮动的文字，示例代码如下：
<div style="float:right">不知天上宫阙，今夕是何年。</div>
3.在浏览器中预览效果如下，文字一左一右分别显示；
4.通过设置text-align:right/text-align:left，改变文字居右和居左，示例代码如下：
<div style="float:lefttext-align:left">明月几时有？把酒问青天。<br>不知天上宫阙，今夕是何年。</div>
<div style="float:righttext-align:right">我欲乘风归去，又恐琼楼玉宇，高处不胜寒。<br>起舞弄清影，何似在人间。</div>
5.预览效果如下，也实现了一左一右的显示，根据需要，选择以上两种方法中一种或组合使用。
不懂题主是想在怎样的代码中使用，大概说一下做法呗1、如果是文字的父html元素已经居中，或者铺满整个屏幕，那直接在父元素上设置css为text-align:center即可，比如：
<div style="text-align:center">
文字内容文字内容
</div>
2、如果是文字的父元素有固定宽度但没居中的，就可以将父元素设置margin:auto属性居中后再通过text-align:center使文字居中，比如：
<div style="margin:autotext-align:center">
文字内容文字内容
</div>
3、文字没有父元素，为独立元素，不受整个布局约束时，则比较特殊，需要用positon属性和text-align属性一起使用，如果是这种情况，题主可以回复我详情，我再帮助解答。
hr标签是分割线标签，如果要在后面加东西要通过postion相对定位，不推荐这么做，如果只是想要hr的分割效果，同时在后面加东西，建议用div元素设置css来模拟效果会更好，比如设置窄的div，设置背景色和上下边距来模拟实现，后面用span或p标签紧跟写文字即可
