title: How can I make my error message show to the right of my input button?
body: <p>I'll try to explain this best as possible with pictures.</p>
  
  <p>Here is my input button (look at the one under "bet"):
  <a href="https://i.stack.imgur.com/HDpmp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HDpmp.png" alt="enter image description here"></a></p>
  
  <p>I want the error message to appear here:
  <a href="https://i.stack.imgur.com/uo3NY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uo3NY.png" alt="enter image description here"></a></p>
  
  <p>However, all my attempts end up like this:
  <a href="https://i.stack.imgur.com/vaIFk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vaIFk.png" alt="enter image description here"></a></p>
  
  <p>How can I do this? I tried multiple things such as span, inline display, etc.</p>
  
  <p>UPDATE:</p>
  
  <p>Posted full front-end code on github.</p>
  
  <p>CSS: <a href="https://gist.github.com/xxFlare/41ed6a1cac81bbda48848d55a716c3dd" rel="nofollow noreferrer">https://gist.github.com/xxFlare/41ed6a1cac81bbda48848d55a716c3dd</a></p>
  
  <p>HTML: <a href="https://gist.github.com/xxFlare/300733b8b848aea829fc6b26ac70eda2" rel="nofollow noreferrer">https://gist.github.com/xxFlare/300733b8b848aea829fc6b26ac70eda2</a></p>