Making title text one one line

[toolman]

Hi there,
I am trying to create a title that has thin lines to the left and right of it which I have done, but when I enter the text for the title, it is breaking onto two lines.

How can I stop this from happening?

I have put together a fiddle here:

Edit fiddle - JSFiddle - Code Playground

Thanks!

[Archibald]

There are several ways to do this. Here’s one way:

Note the text needs to be short enough to fit within the width of a small smartphone without wrapping.

[DaveMaxwell]

Another option would be to add nowrap on your span…

.section-title span {
    padding: 0 30px; 
    white-space: nowrap; 
}

[toolman]

Many thanks, that worked perfectly