Show div on hover with only CSS

Show div on hover with only CSS

by Ayyappan Sakthivadivel

HTML

<div class="message">Hover over me!</div>
<div class="holder">Stuff shown on hover</div>

CSS

.holder {
    display: none;
}

.message{
    cursor: pointer;
}

.message:hover + .holder {
    display: block;
    border: #f00 solid 1px;
}