title: How to Resize Unicode Characters via CSS
body: <p>I have the following <code>ul</code>, which produces a square bullet that (without modification) is <em>very</em> slightly larger than the default square bullets in HTML.</p>
  <pre><code>li:before {
    content: &quot;\25a0&quot;;
    margin-right: 6px;
    color: blue;          
  }
  </code></pre>
  <p><strong>Problems:</strong></p>
  <ol>
  <li>I want to <em><strong>significantly</strong></em> increase the size of the square <em>unicode-generated</em> bullet.</li>
  <li>Also, the bullet is aligned to the bottom of the text instead of <strong>center aligned</strong> to the text.</li>
  </ol>
  <p>Any clues on how to fix this?</p>