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;
          }
        }