htmlcssstylescenterhtml-heading

How can I wrap a heading to two lines and center it?

h1 {
  text-align: center;
}
<h1>Reliable, efficient delivery Powered by Technology</h1>

What I want:-

enter image description here

I tried adding width but then it pushes the heading to the left. How can i achieve this multi-line heading in center.

Solution

  • The easiest way to achieve what you want is to add <br> - The Line Break element.

    Or you may do something like this, if you prefer css way https://codepen.io/fromaline/pen/WNpEgXR

    h1 {
  text-align: center;
}
    <h1>Reliable, efficient delivery <br> Powered by Technology</h1>