Skip to content

Instantly share code, notes, and snippets.

@charlwillia6

charlwillia6/center_image.html

Last active February 26, 2019 05:00
Show Gist options
  • Save charlwillia6/4d46bbdbdae04efb657f47309830a741 to your computer and use it in GitHub Desktop.
Save charlwillia6/4d46bbdbdae04efb657f47309830a741 to your computer and use it in GitHub Desktop.
Download ZIP
Center images with caption aligning beneath the image. #snippet #html
Raw
center_image.html
<div style="display: block; text-align: center;">
<div style="display: inline-block">
<div class="wrapper" style="display: table; text-align: left">
<a href="#" target="_blank"><img alt="Wib Ami Video" src="/assets/225577/fullsize/wib_ami_video.jpg" style="display: block; text-align: center;"></a>
<div class="caption" style="display: table-caption; caption-side: bottom;">Ami: Network means an open, helping hand</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment