带徽标和按钮的按钮2行文字

Question

我需要左边有一个徽标（实际上是符号字体） - 右边是两个文字行 - 就像这样：

但是 - 我找不到任何方法让文字正确对齐。行高似乎不起作用 - 徽标与文本混合在一起。

无法在Google上找到任何具体信息 - 我该怎么做？ （我只使用1行文字的按钮工作。）

Answer 1

检查此 DEMO

这是html部分

<button type="submit" class="btn btn-primary">

    <span class="image" aria-hidden="true" ></span> 
    <span >Download</span></br>
    <span class="txt" >Factsheet</span> 
</button>

Css部分

.image {
   content:url(http://a.dryicons.com/images/icon_sets/aesthetica/png/128x128/pdf.png);
    width: 23px;
     margin-bottom: -15px;
}

.txt{margin-right: -29px;

}
.img{
    margin-bottom: -15px;
}

我使用了不同的图片......