title: html table cell content left and right same position
body: <p>Im trying to get the text from the left table cell and right table cell to allign at the same place. Also im using blogger if this helps. Here is a picture of what i want</p>
  
  <p><a href="http://i.stack.imgur.com/wE4Hy.jpg" rel="nofollow">What i want</a></p>
  
  <p>Here is my table html</p>
  
  <pre><code>&lt;div id="text1"&gt;
  Motives are extremely important and  not taking care of your motives can cause alot of problems.&lt;/div&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;div id="table1"&gt;
  &lt;br /&gt;
  &lt;table border="0" cellpadding="3" cellspacing="3" id="table1" style="background-color: white; border-collapse: collapse; border: 0px solid #FFCC00; color: black; width: 850;"&gt;
  
  &lt;tbody&gt;
  &lt;tr&gt;
  
  
  &lt;td height="400px" width="425px"&gt;
  &lt;div id="title1"&gt;
  
  Sims with Bad Motives:&lt;/div&gt;
  &lt;br /&gt;
  
  &lt;div id="text1"&gt;
  &lt;ul id="list1" style="list-style-type: disc;"&gt;
  &lt;li&gt;Can cause your work or school performance to suffer&lt;/li&gt;
  &lt;br /&gt;
  &lt;li&gt;Can give you a negative moodlet. &lt;/li&gt;
  &lt;br /&gt;
  &lt;li&gt;Can cause death&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;/td&gt;
  
  
  
  &lt;td height="400px" width="425px"&gt;&lt;div id="title1"&gt;
  Sims with Good Motives:
  &lt;/div&gt;
  &lt;br /&gt;
  &lt;div id="text1"&gt;
  &lt;ul id="list1" style="list-style-type: disc;"&gt;
  &lt;li&gt;Get promotions fast&lt;/li&gt;
  &lt;br /&gt;
  &lt;li&gt;Earn life time rewards from mood bar being high.&lt;/li&gt;
  &lt;br /&gt;
  &lt;li&gt;Get to pick two extra traits when a baby is born&lt;/li&gt;
  &lt;br /&gt;
  &lt;li&gt;Learn skills faster&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is any css associated with it</p>
  
  <pre><code>#title1 {
  text-align:center;
  text-decoration: underline;
  font-weight: bold;
  font-size: 20px;
  }
  
  #text1 {
  font-size: 15px;
  text-align: center;
  }
  
  #table1 {
  text-align: center;
  vertical-align: top center;
  }
  
  #table1 {
  margin-top: -10px;
  }
  </code></pre>