单行内容对应多行内容居中

问题如标题

 

 

 

效果如上

 

 

实现：

                       <div class="mb20 pl20 ptb15 bgc-FFFFFF bdr4">
                            <div class="df ai-center">
                                <img src="img/svg/icon-openMsg.svg"/>
                                <span class="ml25">2017/11/21</span>
                                <span class="ml60">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</span>
                            </div>
                        </div>