title: How to color fill a unicode (star: \u2605) character only half way in css/html?
body: <p>How to take something like a star unicode <code>\u2605</code> which is a star in html/css and only fill it half way instead of full. </p>
  
  <p>Here is code: </p>
  
  <pre><code>&lt;div class="starHalfFill"&gt;
   \u2605
  &lt;/div&gt;
  </code></pre>
  
  <p>My styles look like this thus far:</p>
  
  <pre><code>.starHalfFill {
    color: orange;
  }
  </code></pre>