如何水平对齐文本。中间一个字,右边第二个字?

时间:2017-10-12 19:39:40

标签: html css twitter-bootstrap-3 bootstrap-4

如何水平对齐文字。中间一个字,右边第二个字?

[              [One word at center]      [Second right]]

2 个答案:

答案 0 :(得分:1)

尝试这样的事情:

<p style="text-align:center;">
    <span>Center</span>
    <span style="float:right;">Right</span>
    <div class="clearix"></div>
</p>

答案 1 :(得分:0)

一种方法是将两个文本的父类提供给&#39; text-align:center&#39; 并给出第二个文本&#39; float:right&#39; 风格。这是一个如何做到这一点的例子。

HTML

<div>
 <span>[One word at center]</span>
 <span class="right">[second right]</span>
</div>

CSS

div{
 text-align: center;
}
.right{
 float:right;
}

Live example on fiddle