Skip to content

Instantly share code, notes, and snippets.

@nhalstead

nhalstead/body_message.html

Created March 19, 2020 19:32
Show Gist options
  • Save nhalstead/29cbbc5fa1b2046294d88b553dfcdc79 to your computer and use it in GitHub Desktop.
Save nhalstead/29cbbc5fa1b2046294d88b553dfcdc79 to your computer and use it in GitHub Desktop.
Download ZIP
Simple Display of an Image on the Body with a message.
Raw
body_message.html
<html>
<head>
<style>
figure {
width: -webkit-min-content;
width: -moz-min-content;
min-width: min-content;
max-width: 30vw;
width: auto;
margin: 1em auto;
background: #EFEFEF;
border: 1px solid rgba(0,0,0,.1);
padding: 1em;
}
img {
display: block;
margin: 0 auto;
}
figcaption {
padding: 1em 0;
}
body {
font-family: sans-serif;
}
</style>
</head>
<body>
<figure>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/200x200.jpg" alt="" />
<figcaption>Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.Something that requries a lot o of space to fit into one view.</figcaption>
</figure>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment