title: HTML UL LI CSS: How to change the marker to something other than disc, square, circle, or an image?
body: <p>The web is filled with advice &amp; example pages about how to change the UL LI marker from something other than a dot or square or circle. Many of them suggest using a GIF file, which I am not prepared to do.</p>
  
  <p>All of these examples have one thing in common: They don't work in Firefox. I mean, it's extraordinary! Not one of them functions as claimed.</p>
  
  <p>The main suggestion is to use <code>li:before { content: "(expression)"; };</code></p>
  
  <p>This does not work. Neither when places inside <code>&lt;style&gt; &lt;/style&gt;</code>, nor when placed inside <code>style=""</code>.</p>
  
  <p>Can someone please explain method that will bring about a real and
  genuine effect of changing the dot/square/circle to something of my
  choosing?</p>
  
  <p>For example, let's make it a star character.</p>