title: How to center a span element in CSS?
body: <p>I have three <code>&lt;span&gt;</code> elements that I want to place horizontally one after the other. I also need the middle element to be at the center of the page (horizontally), but <code>margin:auto; width: 100px</code> is not working since it is a <code>&lt;span&gt;</code>. If I make it <code>&lt;div&gt;</code>, there is a line break. </p>
  
  <p>How do I solve this problem?</p>