title: Making a plus sign with css
body: <p>I have a mockup for making what looks like a pretty simple plus sign. However, My css skills are not super great. Making the circle is no big deal but making the plus sign inside of it I can't seem to figure out. Here is what I'm trying to do.</p>
  
  <h2>Mockup</h2>
  
  <p><a href="https://i.stack.imgur.com/M9Npp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/M9Npp.png" alt="enter image description here"></a></p>
  
  <p>Here is what I currently have</p>
  
  <p><a href="https://i.stack.imgur.com/RjzJY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RjzJY.png" alt="enter image description here"></a></p>
  
  <p>Here is my code so far:</p>
  
  <h1>html</h1>
  
  <pre><code>&lt;div class=circle&gt;&lt;/div&gt;
  </code></pre>
  
  <h1>CSS</h1>
  
  <pre><code>.circle {
      border-radius: 50%;
      width: 200px;
      height: 200px;
      background-color: rgb(44,108,128)
  }
  </code></pre>
  
  <p>So pretty basic stuff but if anyone know how to add the plus sign you'd be making my night quite a bit nicer! Thanks for the help!</p>