Content Line

A basic text line element.

Examples

Source

HTML

<content-line style-class="title">Content Line Text Style</content-line>
<script type="module" src="/vendor/content-blocks/content-blocks/content-blocks.esm.js"></script>

CSS

.title {
  font-size: 24px;
  font-weight: bold;
  color: red;
}

Source

HTML

<content-line style-class="style1|style2|style3|style4">Changing Content Line Text Style</content-line>

<script type="module" src="/vendor/content-blocks/content-blocks/content-blocks.esm.js"></script>

CSS

.style1 {
  color: red;
  font-size: 32px;
}
.style2 {
  color: blue;
  font-size: 64px;
}
.style3 {
  color: green;
  font-size: 11px;
}
.style4 {
  color: gray;
  font-size: 100px;
}

Source

HTML

<content-line text-align="left|center|right|center|left">Changing Content Line Text Style</content-line>
<script type="module" src="/vendor/content-blocks/content-blocks/content-blocks.esm.js"></script>