title: Draw an X in CSS
body: <p>I've got a div that looks like a orange square</p>
  
  <p><img src="https://i.stack.imgur.com/Ysi2A.png" alt="enter image description here"></p>
  
  <p>I'd like to draw a white X in this div somehow so that it looks more like</p>
  
  <p><img src="https://i.stack.imgur.com/Tfu0A.png" alt="enter image description here"></p>
  
  <p>Anyway to do this in CSS or is it going to be easier to just draw this in Photoshop and use the image as the div background? The div code just looks like</p>
  
  <pre><code>div {
      height: 100px;
      width: 100px;
      background-color: #FA6900;
      border-radius: 5px;
  }
  </code></pre>