title: Prevent wrapping of content around :before selector content
body: <p>I know I can just use an image for this but who in their right mind really wants to?</p>
  
  <p>I'm trying to find a neat way of changing the colour of the list-item  prefix in an unordered list.</p>
  
  <p>I can do this quite easy using the <code>:before</code> selector. (Yeah I know about ie7, lucky me it doesn't matter).</p>
  
  <p>e.g.</p>
  
  <pre><code>.ul1 li
  {
      list-style-type:none;
  }
  
  .ul1 li:before, .ol1 li:before
  {
      content:"\25CF"; /*escaped unicode coloured circle*/
      color:#F68A39;
      font-weight:bold;
      font-size:18px;
      text-align:right;
      padding-right:6px;
      width:10px;
  }
  </code></pre>
  
  <p>The problem I have is that the content in my list-item will now wrap around the <code>:before</code> content. Is there a way of preventing this?</p>
  
  <p>Here's some markup to to start with.. Cheers!</p>
  
  <pre><code>&lt;ul class="ul1"&gt;
      &lt;li&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. Lorem Ipsum has been the industry's standard dummy text 
          ever since the 1500s, when an unknown printer took a galley of 
          type and scrambled it to make a type specimen book. It has survived
          not only 
      &lt;/li&gt;
      &lt;li&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. Lorem Ipsum has been the industry's standard dummy text 
          ever since the 1500s, when an unknown printer took a galley of 
          type and scrambled it to make a type specimen book. It has survived
          not only 
      &lt;/li&gt;
      &lt;li&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. Lorem Ipsum has been the industry's standard dummy text 
          ever since the 1500s, when an unknown printer took a galley of 
          type and scrambled it to make a type specimen book. It has survived
          not only 
      &lt;/li&gt;
      &lt;li&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. Lorem Ipsum has been the industry's standard dummy text 
          ever since the 1500s, when an unknown printer took a galley of 
          type and scrambled it to make a type specimen book. It has survived
          not only 
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>