关于html5:html-span和img共同居中

要达到这种成果：

html

   <div class="flower" >              <span class="flowerBox">                <span>"711同学"</span>                <img class="flowerImg" src="改成在线图片URL" alt />              </span>            </div>

css

      .flower {        align-content: center;        text-align: center;        .flowerBox {          background: #F7F9FC;          padding: 6px 12px;          border-radius:2px;          img {            width: 20px;            height: 20px;            vertical-align: middle;          }        }