<p>X{state}Y</p> => <p>X</p>{state}<p>Y</p> <p>X<span>X{state}Y</span>Y</p> => <p>X<span>X</span></p>{state}<p><span>Y</span>Y</p>