easily center an image with css

index.html

<section class="content about">
  <h1 class="big thin">The PURPLE OWL</h1>




  <img src="http://www.clker.com/cliparts/J/Q/T/y/5/i/purple-orange-owl-hi.png" class="noclip" style="display: block;margin-left: auto;margin-right: auto;" />




  <p>
    Jelly sugar plum topping. Jelly beans candy toffee halvah jujubes dragée marzipan. Brownie topping dragée chocolate cupcake. Jujubes bonbon chupa chups donut wypas tiramisu jelly beans. Marzipan jelly-o bear claw pudding toffee jelly powder. Carrot cake sweet lemon drops chocolate cake jujubes wafer soufflé cookie liquorice.
  </p>


  <p>
    Jelly sugar plum topping. Jelly beans candy toffee halvah jujubes dragée marzipan. Brownie topping dragée chocolate cupcake. Jujubes bonbon chupa chups donut wypas tiramisu jelly beans. Marzipan jelly-o bear claw pudding toffee jelly powder. Carrot cake sweet lemon drops chocolate cake jujubes wafer soufflé cookie liquorice.
  </p>


  <p>
    Get your own Purple Owl.
    <a href="http://github.com/roachhd/purple-owl">
      HOOT
    </a></p>
</section>