# Elements

This page presents how common HTML elements are displayed. The intention is to provide a consistent text display within the LCARS styling for actual content. In practice many LCARS-themed pages do this, as it greatly increases readbility and embed that in LCARS layout with some addtional components.

The font used for text is Helvetica, as this is the regular version of the LCARS font.

Horizontal Rule <hr>

A horizontal rule is a divider which may be used to split up a text. It is white by default, but may be assigned different colors.

Preformatted Text <pre>

A preformatted text block has a slightly lighter background than the usual page and displays the text in a monospace font.

Hello World
This is a new line!

Quote <blockquote>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, ...

Ordered List <ol>

Item 1
Item 2
Item 3

Unordered List <ul>

Item 1
Item 2
Item 3

Definition List <dl>

Item 1: Value 1
Item 2: Value 2.1; Value 2.2
Item 3: Value 3

Anchors <a>

Hyperlinks within paragraphs are usually displayed in red with a circle in front. On hover, they get underlined. It is likely that this may be configurable by some sort of global class in the future.

This is an example text with an embedded hyperlink.

Emphasized <em>

This is an emphasized sentence.

Headings

These are the standard display variations for HTML headings. All 6 variants are supported. Withe the small element, a subtext may be added.

Hello World! Subtext

Buttons <button>

Buttons are displayed with rounded corners and a Text in the bottom right corner. Buttons are created with the lcars-btn CSS class.