There was a discussion on SO about this these days: The words “Navigation” and “Databases” in your h1
are not hyphenated because they start with a capital letter, which most browsers apparently interpret as not-to-be-hyphenated nouns.
You might want to spell them as “navigation” and “databases”, wrap <span>
tags around those and apply text-transform: capitalize
to those, either in a dedicated class or in style
attributes. Or you use soft hyphens (­
) in those words.
1
solved Is there CSS elements that block hyphens from working? [closed]