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

oug3syen  于 5个月前  发布在  Go
关注(0)|答案(1)|浏览(48)

我试图添加一个SVG的Instagram图标与一些文字在我的页脚的一段。这个页脚是空格博客雨果主题的一部分。
我希望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>

字符串

omhiaaxx

omhiaaxx1#

试试这个:

<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>

字符串

相关问题