如何以字母间距居中文本？

Question

I have a centered title with quite a bit of letter-spacing (90px) and the spacing applied to the last letter disturbs the symmetry of the text. How do I fix that?

Answer 1

Try using this -

h1{
   letter-spacing: 90px;
   text-align: center;
   margin-right: -90px;
}

Answer 2

You can use text-indent to rectify this

 .box { letter-spacing: 60px; text-align: center; } body { background:linear-gradient(red 0 0) center/2px 100% no-repeat; }

 <div class="box">HELLO</div> <div class="box" style="text-indent:60px;">HELLO</div>

Answer 3

Just put on the <center></center>