Code Formatting, Tables, Highlighted Text and Address

Preformatted Text and Inline Code

Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>, or within a <pre> block.

pre {
	padding: 4%;
	margin-bottom: 1.62em;
	background: #eaecee;
	overflow: auto;
	tab-size: 2;
}

Table Styles

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Highlight Text Style

To use the highlight, you simply need to wrap the text in mark HTML tag. This can be done in the Text editor view. See an example below:

<mark>This will be highlighted.</mark>

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

"Style guide" table of contents

  1. Style guide
  2. Quotes
  3. List Items
  4. Code Formatting, Tables, Highlighted Text and Address
  5. Images and Gallery
  6. "Formats" Dropdown Button Styles
Translate »