Html 无法使用显示：与SVG内联

我正在尝试将SVG图像与徽标文本对齐。但是，它不适用于

display:inline

HTML

---

根据SVG规范，

display:none

的值表示不应直接渲染给定元素及其子元素（即，渲染树中不存在这些元素），因此，与

none

或

inherit

不同的任何值都表示给定元素将由SVG用户代理呈现。

根据SVG规范，

display:none

的值表示不应直接呈现给定元素及其子元素（即，渲染树中不存在这些元素），因此任何不同于

none

或

inherit

的值都表明给定元素将由SVG用户代理呈现。

只需更改段落的

显示

样式即可。因为

p

元素默认具有

显示：块

样式

#logo>p{display:inline block}

艺术通行证

只需更改段落的

显示

样式。因为

p

元素默认具有

display:block

样式

#logo>p{display:inline block}

艺术通行证

在

p

的可能重复项中添加SVG在

p

的可能重复项中添加SVG

<div id="logo">
    <img src="images/logo.svg" alt="ArtPass">
    <p>ArtPass</p>
</div>

#logo {
    color: $white;
    font-weight: 700;
    font-size: 1.5 rem;
    float: left;
    margin:0;
    display:inline;
    img {
        display:inline;
    }
}