CSS how to position an element in a middle (half height / vertical 50%) of another element

Question

I\'m looking forward to build a tooltip which is positioned next to the element, but in a middle of it. It\'s easy to put it over and under and position it in the horizontal cen

Answer 1

This is pretty late but I tried to make an example on codepen which shows a working example if I understood your question correctly.

http://codepen.io/trgraglia/pen/RWbKyj

Use CSS transform.

For example, transform:translateX(-50%);, will move an element left by 50% of ITSELF. Now you can align it to the parent with position and bottom or top or left or right and then move it by the dimensions of itself.

Hope this helps!