Using Images in LCARS

You may want to display pictures on some of your web pages. The following scenarios link to instructions which includes the HTML code and an example. All scenarios are responsive for device-friendly layouts. You can also use inline HTML styling - which overrides CSS - to modify the layout of an image.

• An image that aligns to the right
  Or "Article Image" - text that wraps around a picture that aligns to the right of the page.
• An image that aligns to the left
  Same as above, but the picture aligns to the left of the page.
• An image that is centered on a page
• Add a border to an image

Captions

Just add a paragraph tag <p> with the class name "caption" after the <img> tag. Examples of captions, including the HTML, are shown via the links above.