title: Need help making Easy Table (Wordpress Plugin) responsive
body: <p>I've made a menu using the Wordpress plugin "easy table" and now I'd like to make it responsive. I have things floating to the left and right and while viewing it on a mobile device, it looks insanely warped. I'd like some help fixing the positioning on this.</p>
  
  <p>Here's some relevant HTML:</p>
  
  <pre><code>&lt;div class="leftFloat"&gt;
  &lt;div id="menuHeader"&gt;
  &lt;h2&gt;Appetizers&lt;/h2&gt;
  &lt;/div&gt;
  [tbl width="400" colwidth="50|50" colalign="left|right"]
  Onion Rings-4.95
  Fries-3.99
  Nachos Supreme (small)-8.95
  Nachos Supreme (large)-10.95
  [/tbl]
  
  
  &lt;div id="menuHeader"&gt;
  &lt;h2&gt;Fresh Salads&lt;/h2&gt;
  &lt;/div&gt;
  [tbl width="400" colwidth="100|50|50" colalign="left|right|right"]
  -Small-Large
  Garden Salad-4.95-5.99
  Chef | Caesar| Greek-5.95-6.95
  Add chicken for--2.00
  [/tbl]
  &lt;/div&gt;
  
  &lt;div class="rightFloat"&gt;
  &lt;div id="menuHeader"&gt;
  &lt;h2&gt;From the Grill&lt;/h2&gt;
  &lt;/div&gt;
  [tbl width="400" colwidth="100|50" colalign="left|right"]
  Donair Burger-4.95
  Hamburger-3.25
  Cheeseburger-3.95
  Big "J" Burger-5.95
  Double Burger-5.95
  Club Sandwich &amp; Fries-6.95
  BLT Sandwich &amp; Fries-5.95
  Lasagna &amp; Garlic Bread-7.25
  Chicken or Beef StirFry-8.95
  Lebanese Shistawook-7.95
  [/tbl]
  &lt;/div&gt;
  
  &lt;div class="clear"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And some CSS:
      .leftFloat{ float:left; }
      .rightFloat{ float:right; }</p>
  
  <pre><code>.clear{ clear:both; }
  </code></pre>