title: li:before{ content: "■"; } How to Encode this Special Character as a Bullit in an Email Stationery?
body: <p>After <a href="https://stackoverflow.com/questions/5306640/how-to-define-the-color-of-bullets-in-ul-li-lists-via-css">proudly coloring my liststyle bullet without any image url or span tags</a>, via:</p>
  
  <pre><code>ul{ list-style: none; padding:0;  margin:0;  }
  li{ padding-left: 1em; text-indent: -1em;    }
  li:before { content: "■"; padding-right:7px; }
  </code></pre>
  
  <p>Although these stylesheets work perfectly down to the rounded borders and other css3 stuff, and  although the recipient of the email (for instance, Eudora OSE 1) renders all css styles correctly, just like in a browser, there is one problem: the bullets like <code>•</code> or <code>■</code> become converted into <code>&amp;#adabacadabra;</code></p>
  
  <p>Appearing finally like so in emails: </p>
  
  <p><img src="https://i.stack.imgur.com/t3okD.png" alt="enter image description here"></p>
  
  <p>How do I proceed from here?</p>