title: HTML Aligning on the same row
body: <p>Okay so basically I want my page like this.</p>
  
  <p>(Button) (Number with a border) (Button)</p>
  
  <p>Keep in mind all of this is going to be in another border.</p>
  
  <p>The code is sort of like:</p>
  
  <pre><code>    &lt;button&gt;TEST&lt;/button&gt; &lt;p&gt;4&lt;/p&gt; &lt;button&gt;TEST&lt;/button&gt;
  </code></pre>
  
  <p>So how would I make this align correctly? I want it so the number 4 is in the center, then to the right and left are buttons, all on the same line.</p>