Global settings

Blogger sets basic global display, typography, and link styles. When more control is needed, check out the textual utility classes.

All HTML headings, <h1> through <h6>, are available.

Heading Example
<h1></h1> h1. Blogger Template heading
<h2></h2> h2. Blogger Template heading
<h3></h3> h3. Bootstrap heading
<h4></h4> h4. Blogger Template heading
<h5></h5> h5. Blogger Template heading
<h6></h6> h6. Blogger Template heading 

<h1>h1. Blogger Template heading</h1>
<h2>h2. Blogger Template heading</h2>
<h3>h3. Blogger Template heading</h3>
<h4>h4. Blogger Template heading</h4>
<h5>h5. Blogger Template heading</h5>
<h6>h6. Blogger Template heading</h6>

Inline text elements

Styling for common inline HTML5 elements.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Blockquotes

For quoting blocks of content from another source within your document. Wrap <blockquote> around any HTML as the quote.

A well-known quote, contained in a blockquote element.

<blockquote>A well-known quote, contained in a blockquote element.</blockquote>

Image Type



List Menu

  1. Lorem Ipsum
  2. Lorem Ipsum
  3. Lorem Ipsum
    1. Lorem Ipsum 1
    2. Lorem Ipsum 2
    3. Lorem Ipsum 3
  4. Lorem Ipsum
  5. Lorem Ipsum

<ol>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum
  <ol>
    <li>Lorem Ipsum 1</li>
    <li>Lorem Ipsum 2</li>
    <li>Lorem Ipsum 3</li>
  </ol>
  </li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ol>

Code Style


<pre>
<code class='language-html'>
<!-- HTML / CSS / JavaScript -->
</code>
</pre>