Nearly there!

How do I make sure the words aren't broken in the CSS @Graeme ?

@Graeme super, thank you!

Yes, a bit like Headspace but focused on improving athletes' performance.

@Graeme Thank you!

I'm building a website for a mindful fitness company. I'm using Squarespace to provide a stable base and customising the CSS to have full control over the visual design. Unfortunately, I can't edit the HTML or use a span — there is only editing access to the CSS. Is there another way to achieve the highlight?

How do I achieve the same white highlighted text as this website's hero heading?

https://hpsnz.org.nz/what-we-do/

I tried this:

 font-weight: 300;
  text-transform: uppercase;
  font-size: 50px;
  letter-spacing: 0.58em;
  line-height: 1.1em;
  background-color: #1B2437;
  padding: 0 0 0 13px;
  white-space: nowrap;
  margin:.3em 0;

But the highlight doesn't fit the text exactly — and it wraps at different breakpoints to the text itself.

Any ideas would be lovely