Where are the line breaks coming from??

This must be an obvious one, but I can't see what I've done different to before. I want the following to appear all on the same line: &lt;label style="width:100px; font-size:150%"&gt;NAME&lt;/label&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;input type="text" name="attr_character_name" style="width:250px;"/&gt; &lt;label style="width:50px;"&gt;&lt;/label&gt; &lt;label style="width:100px; font-size:150%"&gt;PLAYER&lt;/label&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;input type="text" name="attr_player" style="width:100px;"/&gt;&nbsp; But for some reason it's putting 'NAME', the name field, 'PLAYER' and the player field all on separate lines. What have I missed? Here's the CSS: .charsheet { background-color: #000000; background-image: url("<a href="https://i.imgur.com/xuvsyG1.jpg" rel="nofollow">https://i.imgur.com/xuvsyG1.jpg</a>"); background-repeat: no-repeat; min-width: 929px; max-width: 929px; min-height: 727px; &nbsp; &nbsp; font-family: "Times New Roman"; color: #ff9999; } label { display: inline-block; width: 175px; color: #ff9999; } h3 { display: inline-block; width: 10%; color: #ff6347; } textarea { &nbsp; &nbsp; max-width: 800px; min-width: 50px; height: 25px; } input { display: inline-block; width: 175px; font-weight: bold } h1 { &nbsp; &nbsp; font-family: courier; font-size: 4em; margin-bottom: 10px; color: #ff6347; } h2&nbsp; { color: #ff9999;&nbsp; &nbsp;&nbsp; display: inline-block; } .sheet-auto-expand { position: relative; cursor: text; word-wrap: break-word; } .sheet-auto-expand span { visibility: hidden; white-space: pre-wrap; display: block; } .sheet-auto-expand textarea { position: absolute; z-index: 0; top: 0; left: 0; margin: 0; overflow: hidden; resize: none; &nbsp; &nbsp; &nbsp; &nbsp; min-height:18px; height: 100%; width: 100%; display: block; box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; padding: inherit; text-align: inherit; text-transform: inherit; }

Are you using legacy sanitization? If so, you should be able to just give the label tags a class and modify your CSS to something like this: label.myClass { display: inline-block; width: 175px; color: #ff9999; } You might also be able to try: .charsheet label { display: inline-block; width: 175px; color: #ff9999; } The problem is label tags are, by nature, block elements. To override that, you need more specificity than Roll20 gives the label tag by default. &nbsp;