css rotated text remove space

Question

 <h2><span style="display:inline-block;transform: rotate(90deg);" >###</span>Word</h2>

how can i remove the space between the rotated ### and word (you can see a gap between the objects if you highlight it) I've tried playing with margin and padding but it makes no difference

Answer 1

You can just use a negative value for margin.

<h2><span style="display:inline-block;transform: rotate(90deg);margin:-10px;" >###</span>Word</h2>