title: Trying to center a "figure" tag in CSS (without using Div)
body: <p>I am currently trying to create a website for the first time and I am having great difficulty in getting my 3 inline-block images to center properly in CSS. </p>
  
  <p>I used the figure tag to title and display my images (that works fine no issue).</p>
  
  <p>But when I came round to positioning the 3 images horizontally inline they will not move from the left of the screen despite my best efforts.</p>
  
  <pre><code>figure {
      text-align: center; 
      font-family: 'Rasa', serif;
      font-size: 18px; 
      display: inline-block;
      align-content: center;
      max-width: 700px;
      margin: auto;
      float: center;
  }
  </code></pre>
  
  <p>Any help in pointing out what I have done wrong or am missing I would greatly appreciate.</p>