html - 添加 div 会打乱整个设计

Question

请在这里查看我的代码。

http://jsfiddle.net/xymgwonu/3/

代码工作正常，直到我添加一个新的 div <div class="bubble"> </div> .它扰乱了我的整个设计。我试图将气泡与水平线对齐，但它在黑白圆圈和下方的垂直线之间形成了一个间隙。

Answer 1

给你，好好享受吧:) http://jsfiddle.net/xymgwonu/13/

 .bubble {position:absolute; margin-top: -40px;}