title: How to arrange 3 select options side by side using html and css?
body: <p>I'm writing an online Monty Hall game using python and flask. I'm trying to arrange my three 'doors' (options in a select form) side by side, opposed to the usual drop-down format.</p>
  
  <p>I have already tried doing this by giving them the float right and float left in css, however this is not working.</p>
  
  <p>All of my code is in <a href="https://repl.it/@JoePerna/Monty-Hall-Online" rel="nofollow noreferrer">this repl.it</a>.</p>
  
  <p>In the end the <code>pickDoor.html</code> page should look like:</p>
  
  <pre><code>[A][B][C]
  </code></pre>
  
  <p>Opposed to:</p>
  
  <pre><code>[choose a door]
  [A]
  [B]
  [C]
  </code></pre>