How to align right table row?
<p>I have this table using Bootstrap and HTML (with HTML) and I want the row [Sum    0] to be aligned right and positioned at the last column. This is what I did, but it's still below the first column.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Option&lt;/th&gt;
        &lt;th&gt;ID&lt;/th&gt;
        &lt;th&gt;Name&lt;/th&gt;
        &lt;th&gt;Price&lt;/th&gt;
        &lt;th&gt;Quantity&lt;/th&gt;
        &lt;th&gt;Total&lt;/th&gt;
      &lt;/tr&gt;
      
      &lt;?php 
        $cart = unserialize(serialize($_SESSION['cart']));
        $sum = 0; 
        for($i = 0; $i &lt; count($cart); $i++){
            $sum += $cart[$i]-&gt;price * $cart[$i]-&gt;quantity;
        ?&gt;
        
       &lt;tr class="success"&gt;
        &lt;td&gt;&lt;a href="cart.php?id=&lt;?php echo $cart[$i]-&gt;id; ?&gt;&amp;action=delete" onClick="return confirm('Are you sure?')"&gt;Delete&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;&lt;?php echo $cart[$i]-&gt;id; ?&gt;&lt;/td&gt;
        &lt;td&gt;&lt;?php echo $cart[$i]-&gt;name; ?&gt;&lt;/td&gt;
        &lt;td&gt;&lt;?php echo $cart[$i]-&gt;price; ?&gt;&lt;/td&gt;
        &lt;td&gt;&lt;?php echo $cart[$i]-&gt;quantity; ?&gt;&lt;/td&gt;
        &lt;td&gt;&lt;?php echo $cart[$i]-&gt;price * $cart[$i]-&gt;quantity; ?&gt;&lt;/td&gt;
       &lt;/tr&gt;
            
       &lt;?php } ?&gt;
         
         &lt;div class="text-right"&gt;
          &lt;tr class="danger"&gt;
           &lt;td style="width:50%;float:left" colspan="5"&gt;Sum&lt;/td&gt;
           &lt;td style="width:50%;float:right"&gt;&lt;span class="pull-right"&gt;&lt;?php echo $sum ?&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
         &lt;/div&gt;
    &lt;/thead&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>