Using only CSS, show div on hover over

Question

I would like to show a div when someone hovers over an element, but I would like to do this in CSS and not JavaScript. Do you know how this can be ach

Answer 1

This answer doesn't require that you know the what type of display (inline, etc.) the hideable element is supposed to be when being shown:

.hoverable:not(:hover) + .show-on-hover {
    display: none;
}

Hover over me!
I'm a block element.



Hover over me also!
I'm an inline element.

This uses the adjacent sibling selector and the not selector.