As I wandered about the plaza lost in my gloomy forebodings Tars Tarkas approached me on his way from the audience chamber. His demeanor toward me was unchanged, and he greeted me as though we had not just parted a few moments before.
Editorial
Highlight Block 
- Class name: (k-highlight-block)
- Version: 1.0
A highlight block text sets off from the main text as a paragraph, or block of text, and is typically distinguished visually using indentation and different typefaces.
Use this component to give a rythm to your text and increase the interest of the reader.
HTML5 Plain Code
-
<div class="k-highlight-block">
-
<p>As I wandered about the plaza lost in my gloomy forebodings Tars Tarkas approached me on his way from the audience chamber. His demeanor toward me was unchanged, and he greeted me as though we had not just parted a few moments before.</p>
-
</div>
CSS Code
-
div.k-highlight-block { -
width: 90%;
-
max-width: 40em;
-
color: #444;
-
background: #FFF;
-
padding: 0.5em;
-
margin: 2em;
-
border-top: 1px dashed #999;
-
border-bottom: 1px dashed #999;
-
}
-
div.k-highlight-block p { -
font: 1em/1.5 open_sansitalic, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
text-indent: 0;
-
}
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:
Navigation
Forms
Tables
Blocks
Site Utilities
Editorial
eCommerce