html - 在 Squarespace 的 html block 中寻找集中图像

Question

我是编码新手，正在寻求有关在我的 squarespace 网站上集中图像(总共 6 张)的帮助。请参见下面的示例。

View Site Here -- 照片偏向街区的左侧。正如您可能看到的那样，我已尝试将文本集中，但它看起来仍然不正确。

我通过互联网阅读，尝试不同的搜索，但我没有运气......

此外，如果有人有任何建议，请告诉我如何将代码放入这种性质的东西中:

<div id="first" class="image">
        <img class="photo" src="http://static1.squarespace.com/static/55b94761e4b0d425914723a8/t/561e2c53e4b093c102b5990c/1444818003995/alex+and+heidi.png"/>

    <div>
        <p class="names">Heidi Stenhouse
      <br><span style="color:rgb(153,153,153); font-size:13px; line-height:20px"> <span class="formob">-----</span>Wedding</span></p>
    </div>
    <div class='layer'>
    </div>
</div>

Answer 1

你的问题在这里

.photo {
    border-radius: 50%;
    margin-right: 25px;
    width: 85px;
}

您需要删除 margin-right:25px 并且文本将以 img 居中<​​/p>