控制文字在图片旁边的放置

Question

我正在尝试编辑wordpress主题。我创建了一个子主题，需要更改标题。当前的标头具有以下内容：

<hgroup>
    <h1 class="site-title"><a href="https://sustainablewestonma.000webhostapp.com/" title="sustainablewestonma" rel="home">sustainablewestonma</a></h1>
    <h2 class="site-description"></h2>
</hgroup>

我要能够做的是独立控制跨度的位置，但是将margin-top或padding-top应用于图像和跨度。我该如何控制？

<hgroup>
    <img style="vertical-align:middle;" src="https://sustainablewestonma.000webhostapp.com/wp-content/uploads/2019/08/cropped-45795044_561214090992995_7744636018275385344_n.jpg" class="header-image" width="25%" alt="sustainablewestonma">
    <span style="display:inline-block;margin-top:10px"> Educate Initiate collaborate</span>
</hgroup>

Answer 1

样式应该放在html标签中吗？如果是这样，请尝试在图像上将margin-top:0;和margin-top:10px;上的span放置在一起。