File last modified on August 18, 2022

Full Width Images

Full width images should be used for large horizontal images. If an image is valuable to the content, like a graph, an id should be applied, example:

HTML

html
1<div id="foo" class="fullwidth">
2  <img src="../img/foo.png" alt="foo" />
3</div>

CSS

css
1.fullwidth {
2  text-align: justify;
3  width: 100%;
4  margin: 1em 0;
5}
6.fullwidth img {
7  display: inline-block;
8  width: 100%;
9  page-break-inside: avoid !important;
10}