title: align bullets with main text while wrapping around image
body: <p>I'm completely stumped trying to fix an issue..</p>
  
  <p>As the image below shows, i have an image on the left, text on the right that wraps around the image, i also have a list (ul) in this text, what i want is to align the bullet with the rest of the text above it instead of being outside the text while also keeping it wrapping around the image and the lines within the single list item aligning with each other instead of creating hanging paragraphs..</p>
  
  <p>Is this even possible?</p>
  
  <p><img src="https://i.stack.imgur.com/4CDZG.png" alt="page design currently"></p>
  
  <p>Included the HTML below...</p>
  
  <pre><code>&lt;div class="entry-content"&gt;
  &lt;img src="image.jpg" alt="Pinterest" /&gt;
  &lt;p&gt;Haven’t worked out how Pinterest could benefit you? An image sharing site that allows users to "pin" what they find onto a virtual pin board for others to enjoy, last year it reached the 10 million monthly visitors mark, the fastest of any standalone site to do so&lt;/p&gt;
  &lt;ul&gt;
      &lt;li&gt;Integration: By connecting Pinterest with your website and other social media platforms you can publish your findings in a variety of ways.&lt;/li&gt;
      &lt;li&gt;Collaboration: Pinterest can allow you to share ideas within your business or with clients. Why not invite people to collaborate with you on boards?&lt;/li&gt;
      &lt;li&gt;Sharing: Position yourself as a valuable resource. Create a board for your niche subject and lead the way with new ideas in your industry.&lt;/li&gt;
      &lt;li&gt;Information: Data is key to the growth and development of your business. Keep an eye on what&amp;#8217;s being pinned, how often and by how many people.&lt;/li&gt;
      &lt;li&gt;Enjoyment: Pinterest gives you the opportunity to represent your company in a way it&amp;#8217;s never usually seen. Enjoy the challenge of showing your company in a new light and build your community by pinning the inspiration of other users.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;As a design and digital agency Pinterest is right up our street. We&amp;#8217;ve  started using it to collage all the wonderful things we enjoy, including ideas for our studio, general food for thought and to help us find inspiration for our journal.&lt;/p&gt;
  &lt;p&gt;How are you using or planning to use Pinterest?&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS included as well..</p>
  
  <pre><code>.blog-post img       {width:auto; float:left; margin-bottom:10px; margin-right:40px;}
  .blog-post p         {margin-bottom:26px;}
  .blog-post .descr ul {list-style:none; margin-left:0; padding-left:1em; text-indent:-1em;}
  </code></pre>
  
  <p>Below i've included an mockup of what i'm trying to aim for.</p>
  
  <p><img src="https://i.stack.imgur.com/7IYNN.png" alt="desired effect"></p>