SVG中心與文本對齊

Question

我有一個內聯SVG，我需要將其包含在標籤中。但是，我似乎無法將它與文本垂直對齊。有什麼想法嗎？

我已經添加像這樣：

<label for="menu-check-box">More<svg class="more-icon"><use xlink:href="#more-chevron"></use></svg></label> 

而且造型：

label { 
    cursor: pointer; 
    color: blue; 
} 

.more-icon { 
    width: 24px; 
    height: 24px; 
    fill: blue; 
} 

這裏有一個fiddle。

Answer 1

垂直對齊應該有所幫助：

label svg {display:inline-block;vertical-align:middle} 

https://jsfiddle.net/tnux7pLx/2/