Prevent line wrapping in literals

[jakobandersen]

Feature or Bugfix

• Bugfix

Purpose

At

sphinx/sphinx/writers/html5.py

Lines 645 to 649 in 17dfa81

	# more formatting in literal nodes
	for token in self.words_and_spaces.findall(encoded):
	if token.strip():
	# protect literal text from line wrapping
	self.body.append('<span class="pre">%s</span>' % token)

it is indicated that the pre class is preventing line wrapping. The CSS was added in 37bb9c2, but it doesn't include the line-wrap attribute.
In Docutils I found the CSS

/* do not wrap at hyphens and similar: */
.literal > span.pre { white-space: nowrap; }

This PR adds the same to pre in the basic Sphinx theme.

Relates

Fixes #9909.

[tk0miya]

LGTM

[tk0miya]

It would be better to use : as a separator of the component and title:

Suggested change

	* #9909: HTML, prevent line-wrapping in literal text.
	* #9909: HTML: prevent line-wrapping in literal text.