试图集中一个＆＃34;数字＆＃34; CSS中的标签（不使用Div）

Question

我目前正在尝试首次创建一个网站，我很难让我的3个内联块图像在CSS中正确居中。

我使用了数字标签来标题和显示我的图像（这没问题）。

但是当我绕过水平放置3幅图像时，尽管我付出了最大的努力，但它们不会从屏幕左侧移动。

figure {
    text-align: center; 
    font-family: 'Rasa', serif;
    font-size: 18px; 
    display: inline-block;
    align-content: center;
    max-width: 700px;
    margin: auto;
    float: center;
}

任何帮助指出我做错了或错过了我都会非常感激。

Answer 1

这是你想要做的吗？

HTML:
<div class="figure">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS:
.figure {
    text-align: center; 
    font-family: 'Rasa', serif;
    font-size: 18px; 
    display: inline-block;
    align-content: center;
    max-width: 700px;
    margin: auto;
    float: left;
}
.box{
  height:30px;
  width:30px;
  border:1px solid black;
  float:left;
}