一种方法是使用
inline-blockdisplay并将其 居中 对齐-参见下面的演示：
.wrapper > * { display: inline-block; vertical-align: middle;}.blue { color: blue;}.white { color: white;}<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><div > <span > <i ></i> <i ></i> </span> <h4 >Free wifi</h4></div>
