title: How to move the text to the left inside a div?
body: <p>I have a template for a personal web page. I would like to use the space in the div #content that is to the left, but I can't figure out what to do to move the text to the left without moving the sidebar div either to the bottom or somewhere else. This is the CSS code:</p>
  
  <pre><code>#content {
    float: right;
    width: 605px;
    margin: 0;
    padding-left: 170px;
    border-left: 1px solid #ddd;
  }
  .sidebar {
    width: 150px;
    padding-left: 1px;
    float: left;
  }
  </code></pre>
  
  <p>I have attached an image, which you can see in the link (I still don't have enough points to load it here). The texts inside the div are inside a "p".</p>
  
  <p><img src="https://i.stack.imgur.com/lbAWG.png" alt="image of the template"></p>
  
  <p>This is the HTML code for the content and sidebar:</p>
  
  <pre><code>    &lt;div id="content"&gt;
          &lt;h2&gt;Introduction&lt;/h2&gt;
          &lt;p&gt;Welcome to exalted, a free valid CSS &amp;amp; XHTML strict web template from &lt;a href="http://www.spyka.net" title="spyka webmaster"&gt;spyka Webmaster&lt;/a&gt;. 
              This template is &lt;strong&gt;free&lt;/strong&gt; to use permitting a link remains back to  &lt;a href="http://www.spyka.net" title="spyka webmaster"&gt;http://www.spyka.net&lt;/a&gt;. 
              Should you wish to use this template unbranded you can buy a template license from our website for 5.00 GBP, this will allow you remove all branding related to our site, 
              for more information about this see below.&lt;/p&gt;  
  
          &lt;p&gt;This template has been tested in:&lt;/p&gt;
          &lt;ul&gt;
              &lt;li&gt;Firefox 3.5&lt;/li&gt;
              &lt;li&gt;Opera 10.00&lt;/li&gt;
              &lt;li&gt;IE 7 and 8&lt;/li&gt;
              &lt;li&gt;Chrome&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;h3&gt;Buy unbranded&lt;/h3&gt;
          &lt;p&gt;Purchasing a template license for 5.00 GBP (at time of writing around 7.40 USD) gives you the right to remove any branding including links, logos and source tags relating to spyka webmaster. Payments are processed using paypal, with which we are a verified member, via the licensing page on our website which can be accessed at &lt;a href="http://www.spyka.net/licensing" title="template license"&gt;http://www.spyka.net/licensing&lt;/a&gt;&lt;/p&gt;
  
          &lt;h3&gt;More free web templates&lt;/h3&gt;
          &lt;p&gt;Looking for more free web templates for other projects? Check out our &lt;a href="http://justfreetemplates.com/portfolio?user=spyka"&gt;free web template portfolio&lt;/a&gt;. We also offer &lt;a href="http://www.spyka.net/wordpress-themes"&gt;WordPress themes&lt;/a&gt; and &lt;a href="http://www.awesomestyles.com"&gt;phpBB3 styles&lt;/a&gt;, all of which are released under Open Source or Creative Commons licenses!&lt;/p&gt;
  
          &lt;h3&gt;Webmaster forums&lt;/h3&gt;   
          &lt;p&gt;You can get help with editing and using this template, as well as design tips, tricks and advice in our &lt;a href="http://www.spyka.net/forums" title="webmaster forums"&gt;webmaster forums&lt;/a&gt;&lt;/p&gt;
  
      &lt;/div&gt;
  
      &lt;div class="sidebar"&gt;
          &lt;ul&gt;    
             &lt;li&gt;
                  &lt;h4&gt;&lt;span&gt;Navigate&lt;/span&gt;&lt;/h4&gt;
                  &lt;ul class="blocklist"&gt;
                      &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="examples.html"&gt;Examples&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Products&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Solutions&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  
          &lt;/ul&gt; 
      &lt;/div&gt;
  </code></pre>