Making title text one one line

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:


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.


Another option would be to add nowrap on your span…

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

1 Like

Many thanks, that worked perfectly

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.