将 SVG 与 Hugo 主题中的段落对齐

Question

我正在尝试添加 Instagram 图标的 SVG，并在页脚的段落中添加一些文本。此页脚是间隔博客 Hugo 主题的一部分。

我希望 svg 与段落中的文本对齐并有一些左侧填充。请问您能告诉我一种方法吗？我已经在包含 svg 的 span 上尝试过 CSS，但它不会移动 svg。代码如下：

<footer class="footer p-2">
  <p class="m-b-s">{{ .Site.Title }}&nbsp;&copy {{ now.Format "2006"}}</p>
  <a href="">
    {{ partial "icons/instagram-logo.svg" . }}
  </a>
</footer>

Answer 1

试试这个：

<footer class="footer p-2">
  <p class="m-b-s">{{ .Site.Title }}&nbsp;&copy {{ now.Format "2006"}}</p>
  <a href="" style="display: block; padding-left: 20px;">
    {{ partial "icons/instagram-logo.svg" . }}
  </a>
</footer>