title: How can I set skew image with html and css
body: <p>I just newbie in web programming.</p>
  
  <p>This is what I mean:</p>
  
  <p><a href="http://s12.postimg.org/tc25a1zsd/test.jpg" rel="nofollow">http://s12.postimg.org/tc25a1zsd/test.jpg</a></p>
  
  <p>Can you help me close this case?</p>
  
  <p>you can download the part of image here <a href="https://drive.google.com/file/d/0B2lri_YI_98jalA3Vkc3TEdNZDQ/edit?usp=sharing" rel="nofollow">https://drive.google.com/file/d/0B2lri_YI_98jalA3Vkc3TEdNZDQ/edit?usp=sharing</a></p>
  
  <p>here's my attempt:</p>
  
  <p>CSS:</p>
  
  <blockquote>
  <pre><code>body
  
  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-color: #000000;
  background-color: #FFFFFF;
  }
  
  #header
  {
  width: 1000px;
  height: 365px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('images/BerlinBack.png');
  }
  
  #left-image
  {
  float: left;
  background: #999999;
  }
  
  #middle-image
  {
  float: left;
  margin-left: 200px;
  }
  
  #right-image
  {
  float: left;
  margin-left: 400px;
  }
  </code></pre>
  </blockquote>
  
  <pre><code>HTML:
  </code></pre>
  
  <blockquote>
    <p>&lt; div id = "header"> &lt; div id = "left-image"> &lt; div id = "middle-image"> &lt; div id = "right-image"> &lt; /div></p>
  </blockquote>