diff --git a/demo.html b/demo.html index 3c87510..fab331c 100644 --- a/demo.html +++ b/demo.html @@ -13,7 +13,8 @@

Headings

To style headings in various sizes, add the .headings class to your <h1> through - <h6> tags.

+ <h6> tags. +

@@ -91,13 +92,13 @@
h6. Vast Quoll Secondary text

Body copy

-

Vast CSS global default font-size is 13px, with a line-height of 1.5. This is applied to the <body> and all paragraphs. Including, <p> (paragraphs) receive a bottom margin of 10px. +

Vast CSS global default + font-size is + 13px, with a + line-height of + 1.5. This is applied to the + <body> and all paragraphs. Including, + <p> (paragraphs) receive a bottom margin of 10px.

@@ -128,14 +129,70 @@

Lead body copy

-

- <p - class="lead""lead">...</p> +

+ +
+ + +
+

Addresses

+ +
+

Present contact information in our default style by using the <address> tag. Preserve your formatting by ending all lines with <br>.

+
+ +
+
+ Learners Guild
+ 492 Ninth Street (Garden Level)
+ Oakland, CA 94607
+ P: (123) 456-7890 +
+ +
+ Full Name
+ first.last@example.com +
+
+ +
+ + <address>
+ <strong>Learners Guild</strong><br>
+ 492 Ninth Street (Garden Level)<br>
+ Oakland, CA 94607<br>
+ <abbr + title="Phone">...</p> -

+ -->P:</abbr> + (123) 456-7890
+ </address>

+ <address>
+ <strong>Full Name</strong><br>
+ <a + href="mailto:#">first.last@example.com</a>
+ </address> +
diff --git a/style.css b/style.css index 72d7088..cf5c2e3 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,14 @@ p { margin-bottom: 10px; } +address { + font-size: 14px; + line-height: 1.5; + margin-bottom: 7px; + font-style: normal; + font-family: sans-serif; +} + .section-title { color: blue; background-color: #d6e2ed; @@ -36,3 +44,7 @@ p { font-size: 16px; font-weight: lighter; } + +.tab { + margin-left: 40px; +}