formatting examples

index.htm

@@ -23,13 +23,13 @@
 		<section class="slide" id="Header">
 			<article>
 				<h2>Heading</h2>
-				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.</p>
+				<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of <a href="#TwoLinesHeader">this tool</a> may or may not crash your browser, lock up <em>your</em> machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.</p>
 			</article>
 		</section>
 		<section class="slide" id="TwoLinesHeader">
 			<article>
 				<h2>Two rows.<br>Mighty heading</h2>
-				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive…</p>
+				<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of <a href="#SevenItemsList">this tool</a> may or may not crash your browser, lock up <em>your</em> machine, erase your hard drive…</p>
 				<p class="note"><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
 			</article>
 		</section>

styles/screen.css

@@ -111,6 +111,15 @@ A {
 .slide ARTICLE EM {
 	font-style:italic;
 	}
+.slide ARTICLE KBD,
+.slide ARTICLE CODE {
+	padding:1px 4px;
+	-webkit-border-radius:4px;
+	-moz-border-radius:4px;
+	border-radius:4px;
+	background:#EEE;
+	font-family:Consolas, 'Droid Sans Mono', monospace;
+	}
 
 /* Quote */
 .slide ARTICLE BLOCKQUOTE {
@@ -165,8 +174,9 @@ A {
 	}
 	.slide ARTICLE PRE CODE {
 		display:block;
+		padding:0;
+		background:none;
 		white-space:pre;
-		font-family:Consolas, 'Droid Sans Mono', monospace;
 		}
 	.slide ARTICLE PRE CODE:before {
 		position:absolute;