Hey all, I'm testing some css code for AskEngineers on our test sub, /r/AskEngineersCSS. The code is based on /r/Structura and has not been modified (aside from the addon section).

Issue: Link flair causes the text of the post title to break to a new line if the text is long enough to reach the end of the element, leaving the link flair 'orphaned' above the post title. This also happens when you decrease the browser window size, causing most titles to line break since they're longer than a few words.

Objective: I want the title text to stay on the same line as the link flair until there's no more room on that line before line breaking.

The code snippet below controls link flair behavior, but maybe there's some other part of the code I'm overlooking. I tested white-space:nowrap but it had no effect.

.linkflairlabel{
  border:1px solid rgba(144,144,144,.25);
  border-radius:3px;
  background:rgba(144,144,144,.075);
  color:#5e6875;
  max-width:none;
  }.flair,html

Thanks for any help you can give!