I didn't really want any non-breaking semantics here. I just wanted a
plain-old space but it wasn't obvious to me how to get it for some
reason. The answer is pretty simple: a string literal inside curly
braces.
<div key="game" className="game">
<button className="inline"
onClick={() => this.join_team('X')}>Join Team X</button>
-
+ {" "}
<button className="inline"
onClick={() => this.join_team('O')}>Join Team O</button>
<div>{status}</div>