html中的文字居中后怎么让一个标签中上面一行文字比下面一行短,呈现"土"字形,而不是"士"字形

Question

所有文字在一个标签中。只设置样式来达到下图的效果。

Answer 1

两段文字分别放在<P></p>标签中，可以用class属性定义不同的名称，上面那行的P标签控制它的长度小于下面那行的P标签，这样上面就会比下面短。比如：
<P class='p1' style='width:200px'>短行文字</p>
<P class='p2' style='width:500px'>长行文字</p>

如果要居中的话：整个块居中用margin:0 auto;
如果是文字在块元素内居中用text-align:center;

Answer 2

呃……等大神回答

Answer 3

来一个强制换行就可以了追问

我想用一个模板就是让他不管多少字都保持上短下长，还居中

追答

那样的话，你可以设置第一行的文字显示的个数，使下一行的文字比上一行多，使用js效果实现，目前我没有做过这样的效果