So I have this
Normally changing an element from inline to inline-block will not automatically change its size, even though the computed width and height change from
auto to numbers.
One thing that's different for
inline-block elements is that their margins and paddings in all directions are respected, while
inline elements only have horizontal margins and paddings. So if you set vertical margins/paddings on the
span, that would explain why it is moving after being changed into
Otherwise, it's hard to know the answer without seeing the actual page.