Center Text Larger than Container? (Without using separate child element)

Question

Using CSS, it\'s easy to horizontally center text in a container using text-align:center;, but if any single word of that text is larger than the width of the c

Answer 1

I use this solution:

.limited-string {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}