[]HTMLDivElement 标签嵌套问题

<span style='vertical-align:top; font-weight: bold; color:#ffffff;'><span style='vertical-align:top; color: #FFE114'>恭喜！</span> <span style='vertical-align:top; color: #FFFFFF'>包容的雁河菊</span> <span style='vertical-align:top; color: #FFE114'>使用<font>100000</font>倍炮捕获了金水母，获得9000000金币</span></span>
 
我这样的模式   最后显示的是   恭喜！包容的雁河菊使用倍炮捕获了金水母，获得9000000金币100000   font标签的内容直接显示在最后了  这是为什么？  正常的显示应该是  这样的  恭喜！包容的雁河菊使用100000倍炮捕获了金水母，获得9000000金币   但是我吧font标签去掉  就显示正常了.......   同时   我在吧font换成span或者a等同样的 行标签还是不行