How do I make sure the words aren't broken in the CSS @Graeme ?
@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?
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