渲染文案出现文字排版不齐、占位留空

　　关于前端的结构层HTML最近大家说需要语义化（虽然全部用div也可以完成），我就本着语义化文案使用p标签 让元素尽量清晰，结果如下：

　　

　　出现了排版不整齐问题，无论用display 和word-break: break-all;都控制不了。但是运营就是说要对齐。。。 试了无数遍发现div装文案就可以了（很奇怪，明明p标签设置block都不行），效果如下：

　　

　　end!