I’m working on a game. Some of the elements on the screen need to be side-by-side for display purposes. However, I’m having a hard time lining them up. Here’s an example of a screen I’m putting together for a character sheet. The traits of “Clan” and “Age” come together to describe the character. I set the top offset for the “Age” field to -24 pixels because both it and the “Clan” field are 24 pixels high. You can see here that it looks about right, maybe half a pixel too high, maybe.
When I open it in a browser, however, it looks like this, clearly a few pixels too low:
What am I doing wrong here? Thanks.