标注视图标题在图标下方

在HTML中，可以使用CSS来实现视图标题在图标下方的布局。以下是一个示例代码：

HTML代码：

<div class="view-container">
  <img src="icon.png" alt="图标">
  <h3 class="view-title">视图标题</h3>
</div>

CSS代码：

.view-container {
  text-align: center;
}

.view-container img {
  width: 50px;
  height: 50px;
}

.view-container .view-title {
  margin-top: 10px;
}

在上面的示例中，我们创建了一个包含图标和标题的容器，并使用CSS来控制它们的布局。首先，我们将容器的文本对齐方式设为居中，以确保图标和标题在水平方向上居中显示。接下来，我们设置了图标的宽度和高度，这里假设图标的尺寸为50x50像素。最后，我们使用margin-top属性为标题添加了一些顶部边距，以将其位置下移一些距离，使其位于图标的下方。

你可以根据需要调整图标和标题的尺寸、边距和其他样式来适应你的设计要求。