I need help creating a bottom outline border when the cursor hovers over an image. I prefer to use this inner border style to avoid any layout issues with a traditional border-bottom.
Below is my current code, which includes outline margins:
.img-lightbox-small {
width: 110px;
height: 110px;
margin: 1px;
}
a img.img-lightbox-small:hover {
opacity: 1;
outline: 3px solid #4bb6f5;
outline-offset: -3px;
}