The css vertical-align issue

The height of the base of elements (text or images) inside inline boxes is controlled by the css property: vertical-align.

I haven't test it out deeply but I think the effect of some values (text-top, middle, etc) aren't so intuitive as it might seem. On the other hand the kind of value that's worked always for me is the percentage one. So for now, until I understand the rest of the value kinds, I'll use this option:

vertical-align: 20%;