/** * tiger in the snow (HTML5) */ figure { min-width: 178px; /** outline: solid 1px red; /* uncomment rule to see figure outline */ position: relative; opacity: 1.0; } figure:hover { opacity: 0.8; } img { max-width: 100%; } figcaption { bottom: 5px; left: 0; right: 0; margin: 0; padding: 8px; position: absolute; background: rgba(0,0,0,.56); color: white; font-family: Helvetica; font-size: 14px; } figcaption h4 { margin: 0 0 8px; padding: 0 0 5px; border-bottom: solid 1px black; box-shadow: 0 1px 0 0 rgba(255,255,255,.35); font-size: 17px; } figcaption p { margin: 0; line-height: 1.25; }