问如何做一个居中的标题风格，其中划线安排最长的线在底部。

EN

$('#title').each(function(){

    var words = $(this).text().split(/\s+/);
    var total = words.length;
    var originalWidth = $(this).css("width");
    var maxWidth = $(this).width();
    var tempText = $(this);
    var string = "";
    var currentLineString = "";

    $(this).empty();
    tempText.css("width", "auto");

    for (i = 0; i < total; i++){

        var newString = words[total-i-1] + " " + currentLineString;
        tempText.text(newString);

        if (tempText.width() >= maxWidth) {
            tempText.text(currentLineString);
            maxWidth = tempText.width();
            string = currentLineString + "<br>" + string;
            currentLineString = "";
            i--;
        } else {
            currentLineString = newString;
        }
    }
    string = currentLineString + "<br>" + string;
                
    tempText.css("width", originalWidth);
    $(this).html(string);
});

div{
  text-align:justify;
  font-size:20px;
  padding:15px;
  background:rgba(200,200,100,0.5);
}

left-shape {
  shape-outside: polygon(0 0, 100% 0, 0 50%);
  width: 250px;
  height: 500px;
  float:left;
}

right-shape {
  shape-outside: polygon(100% 0, 0% 0, 100% 50%);
  width: 250px;
  height: 500px;
  float:right;

}

<left-shape></left-shape> <right-shape></right-shape>

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

// Get title element by ID:
var title = document.getElementById('title');

// Get content of the title:
var content = title.innerText;

// Where you want the text to be splitted from,
// 2 = middle, 3 = one third;
var offset = 2.5;

// Divide content by previously set amount:
var divided = Math.floor(content.length / offset);

// This gives the number of characters
// in the top part of the title
var count = content.indexOf(' ', divided);

// First part of the string,
// goes from start to "count" amount
var x = content.substring(0, count);

// Second part of the string, after count amount:
var y = content.substring(count);

// Place text back to the title,
// Using <br> might cause issues on mobile,
// but it's a rough idea what could be done.
title.innerHTML = x + "<br>" + y;

#title{
  text-align: center;
}

<h1 id="title">This is an example of the line break I want</h1>