新手入门前端1——文字相对图片垂直居中对齐

css：

.inline{

    vertical-align: middle;

    display: inline-block;

    margin-left: 50px;

}

html

<div id="dwarf">

      <img src="dwarf.png" alt="dwarf" height="200" class="inline">

      <span style="font-weight: bolder;">Which type of gift do you want?</span>

    </div>

选择居中图片而不是文字

效果如下：