In this first instance the line keeps breaking when I reveal the hint but not in the second instance. The problem is with this part of the code {{#词繁体字}}[{{hint:词繁体字}}]{{/词繁体字}} - is there a way to over come this?
(1 FIRST INSTANCE)
<span style='display: inline-block; font-family: "Kaixi"; font-size: 15px;'>{{#词量词}}量({{词量词}}){{/词量词}} </span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 20px; color: black
'><strong>{{ZH}}</strong></span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 20px;'>{{#词繁体字}}[{{hint:词繁体字}}]{{/词繁体字}}</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 20px; color: black
'>[{{词拼音}}]</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 20px;'>{{#词拼音另外}} [{{词拼音另外}}]{{/词拼音另外}}</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 20px; color: black
'>{{定义}}</span>
(2 SECOND INSTANCE)
<div>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 40px;'>{{句子甲}}</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 48px; color: black
'><strong>{{hint:...}}</strong></span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 40px;'>{{句子乙}}</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 48px; color: black
'><strong>{{hint:....}}</strong></span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 40px;'>{{句子丙}}</span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 48px; color: black
'><strong>{{hint:.....}}</strong></span>
<span style='display: inline-block; font-family: "Kaixi"; font-size: 40px;'>{{句子丁}}</span>