HTML

<div class="wrapper"> <div> <h5>Container "A"</h5> </div> <div> <h5>Container "B"</h5> </div> </div>

CSS

body { background-color: #f8f8f8; } .wrapper { display: flex; } .wrapper div { background: #fff; margin: 1.5rem; padding: 1.5rem; border: 1px solid #708090; border-radius: 3px; } .wrapper div:hover { border-color: black; box-shadow: 0 0 1px 1px black; }

JavaScript