title: How to place two spans side by side and then one span on top of them
body: <p>I want to know how to place two spans side by side, and then one span on top and to the left. Something like below where each price is a span. I am absolutely terrible at CSS so any help would be appreciated, thanks.</p>
  <pre><code>$1.15
  $2.00 $3.00
  </code></pre>
  <p>I currently have the following HTML but it has everything side by side.</p>
  <pre><code>&lt;span id=&quot;top-left&quot; class=&quot;is-text-align-right&quot;&gt;$1.15&lt;/span&gt;
  &lt;span id=&quot;bottom-left&quot; class=&quot;is-display-inline-block is-text-align-right&quot;&gt;$2.00&lt;/span&gt;
  &lt;span id=&quot;bottom-right&quot; class=&quot;is-display-inline-block is-text-align-right&quot;&gt;$3.00&lt;/span&gt;
  </code></pre>