title: Simple HTML page help/guuide required
body: <p>I am totally new in HTML and not having much idea how to work with HTML tag so that I am posting a question to get some help/guidance from the HTML programmers. Please kindly help me.</p>
  
  <p>Question :- I want to design the same as attached and the code below is not giving me the correct output. Everything is here and there and not able to align it properly. </p>
  
  <p>The main issue is formatting and placing of content. I tried to align it with float but it didn't worked for me so I removed it.</p>
  
  <p>LINK - <a href="http://jsfiddle.net/d7VNu/" rel="nofollow noreferrer">http://jsfiddle.net/d7VNu/</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  &lt;meta charset="utf-8"&gt;
  
  &lt;body&gt;
  &lt;table width="500px" height="800px"&gt;
  &lt;tr style="color:#cc0000"&gt;&lt;td&gt;Customer Information&lt;/td&gt;&lt;/tr&gt;
  &lt;tr height="30px" style="font-size=10px;" &gt;&lt;td&gt;Name on Order:&lt;/td&gt; &lt;td&gt;Ben Berlin&lt;/td&gt;&lt;/tr&gt;
  &lt;tr height="30px" style="font-size=10px;"&gt;&lt;td&gt;Delivery Address:&lt;/td&gt; &lt;td&gt;724 West Aldine Avenue Chicago, IL 60657 &lt;/td&gt;&lt;/tr&gt;
  &lt;tr height="30px" style="font-size=10px;"&gt;&lt;td&gt;Callback Phone #: &lt;/td&gt; &lt;td&gt;248-561-9708&lt;/td&gt;&lt;/tr&gt;
  &lt;tr height="30px" style="font-size=10px;"&gt;&lt;td&gt;Your [1]Store:&lt;/td&gt; &lt;td&gt;2921 N Clark St, Chicago, IL 60657 | 773-549-3328 &lt;/td&gt;&lt;/tr&gt;
  &lt;tr height="30px" style="font-size=10px;"&gt;&lt;td&gt;Delivery Time:&lt;/td&gt;&lt;td&gt;Under an hour&lt;/td&gt;&lt;/tr&gt;
  
  &lt;br/&gt;
  
  &lt;tr style="color:#cc0000"&gt;&lt;td&gt;Order Details&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="font-size=10px;"&gt;&lt;td&gt;Order #:&lt;/td&gt; &lt;td&gt;56760620&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="font-size=10px;"&gt;&lt;td&gt;Date:&lt;/td&gt; &lt;td&gt;03/27/2014 11:03AM&lt;/td&gt;&lt;/tr&gt;
  
  &lt;br/&gt;
  
  &lt;tr&gt;&lt;td&gt;Quantity&lt;/td&gt; &lt;td&gt;Description&lt;/td&gt;&lt;td&gt;Amount&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;1&lt;/td&gt; &lt;td&gt;Portobello Benedict&lt;/td&gt;&lt;td&gt;$15&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;2&lt;/td&gt; &lt;td&gt;Iced Latte&lt;/td&gt;&lt;td&gt;$8&lt;/td&gt;&lt;/tr&gt;
  
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;tr&gt;&lt;td&gt;Subtotal:&lt;/td&gt; &lt;td&gt;$23&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Discount:&lt;/td&gt; &lt;td&gt;-$2.50&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Delivery Charges:&lt;/td&gt; &lt;td&gt;$0.00&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Tip:&lt;/td&gt; &lt;td&gt;$3.07&lt;/td&gt;&lt;/tr&gt;
  
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/kBg8t.png" alt="enter image description here"></p>