title: three horizontal squares |square| |square| |square| using css
body: <p>I was trying to display the squares (like bullet squares)using </p>
  
  <pre><code>   .squares{
       list-style-type: square;
       display:inline;
      }
  </code></pre>
  
  <p>but I want them horizontally instead of vertical bullet squares Is there any way I could get 3 squares?</p>