The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages. The new common language will be more simple and regular than the existing European languages. It will be as simple as Occidental; in fact, it will be Occidental. To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.

Someone famous in Source Title

<blockquote>
    <p>The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. <i>Everyone realizes</i> why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have <b>uniform grammar</b>, pronunciation and more common words. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages. The new common language will be more simple and regular than the existing European languages. It will be as simple as Occidental; in fact, it will be Occidental. To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</p>
    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

<button type="button">Button</button>

<button type="button" disabled>Disabled Button</button>

Choice A

Choice B

Choice C

<div class="field-group">
    <label class="field-group__label" for="checkbox1">
        <input id="checkbox1" name="checkbox" type="checkbox" checked="checked">
        Choice A
    </label>
</div>
<div class="field-group">
    <label class="field-group__label" for="checkbox2"><input id="checkbox2" name="checkbox" type="checkbox">
        Choice B
    </label>
</div>
<div class="field-group">
    <label class="field-group__label" for="checkbox3">
        <input id="checkbox3" name="checkbox" type="checkbox">
        Choice C
    </label>
</div>

Submit

Text input

Password input

Textarea input

Colour input

Number input

Range input

Date input

Month input

Week input

Datetime input

Datetime local input

URL input

Email input

Search input

File input

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Submit</label>
    <div class="field-group__field">
        <input type="submit" class="btn" value="Submit" />
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label required">Text input</label>
    <div class="field-group__field">
        <input id="text" type="text" placeholder="Text Input">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Password input</label>
    <div class="field-group__field">
        <input id="password" type="password" placeholder="Type your Password">
    </div>
</div>

<div class="field-group cc-pattern-width-lg">
    <label class="field-group__label">Textarea input</label>
    <div class="field-group__field">
        <textarea id="textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Colour input</label>
    <div class="field-group__field">
        <input type="color" id="ic" value="#000000">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Number input</label>
    <div class="field-group__field">
        <input type="number" id="in" min="0" max="10" value="5">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Range input</label>
    <div class="field-group__field">
        <input type="range" id="ir" value="10">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Range input</label>
    <div class="field-group__field">
        <input type="range" min="0" max="100" value="50" id="fader" step="1" oninput="outputUpdate(value)">
        <output for="fader" id="volume"></output>
        <script>
            function outputUpdate(vol) {
                document.querySelector('#volume').value = vol;
            }
        </script>
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Date input</label>
    <div class="field-group__field">
        <input type="date" id="idd" value="1970-01-01">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Month input</label>
    <div class="field-group__field">
        <input type="month" id="idm" value="1970-01">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Week input</label>
    <div class="field-group__field">
        <input type="week" id="idw" value="1970-W01">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Datetime input</label>
    <div class="field-group__field">
        <input type="datetime" id="idt" value="1970-01-01T00:00:00Z">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Datetime local input</label>
    <div class="field-group__field">
        <input type="datetime-local" id="idtl" value="1970-01-01T00:00">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">URL input</label>
    <div class="field-group__field">
        <input id="webaddress" type="url" placeholder="http://yoursite.com">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Email input</label>
    <div class="field-group__field">
        <input id="webaddress" type="email" placeholder="name@email.com">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">Search input</label>
    <div class="field-group__field">
        <input id="search" type="search" placeholder="Enter Search Term">
    </div>
</div>

<div class="field-group cc-pattern-width-md">
    <label class="field-group__label">File input</label>
    <div class="field-group__field">
        <input id="file" type="file" placeholder="Enter Search Term">
    </div>
</div>

Sign up for news and offers

<label for="in">Sign up for news and offers</label>

Sign up for an account

<legend>Sign up for an account</legend>

Option 1

Option 2

Option 3

<div class="field-group">
    <label class="field-group__label" for="radio1">
        <input id="radio1" name="radio" type="radio" class="radio" checked="checked">
        Option 1
    </label>
</div>
<div class="field-group">
    <label class="field-group__label" for="radio2">
        <input id="radio2" name="radio" type="radio" class="radio">
        Option 2
    </label>
</div>
<div class="field-group">
    <label class="field-group__label" for="radio3">
        <input id="radio3" name="radio" type="radio" class="radio">
        Option 3
    </label>
</div>

Browse a category...

<div class="field-group">
    <label class="field-group__label" for="select">Browse a category...</label>
    <div class="field-group__field">
        <select id="select">
            <optgroup label="Browse a category...">
                <option>Option One</option>
                <option>Option Two</option>
                <option>Option Three</option>
            </optgroup>
        </select>
    </div>
</div>

Error Input

This field has failed validation.

Valid

<div class="field-group has-error cc-pattern-width-lg">
    <label class="field-group__label" class="error">Error Input</label>
    <div class="field-group__field">
        <input class="is-error" type="text" placeholder="Text Input">
    </div>
    <div class="validation-advice">
        <p>This field has failed validation.</p>
    </div>
</div>

<div class="field-group cc-pattern-width-lg">
    <label class="field-group__label" class="valid">Valid</label>
    <div class="field-group__field">
        <input class="is-valid" type="text" placeholder="Text Input">
    </div>
</div>

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

<h1>h1 Heading</h1>

<h2>h2 Heading</h2>

<h3>h3 Heading</h3>

<h4>h4 Heading</h4>

<h5>h5 Heading</h5>

<h6>h6 Heading</h6>

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

<p class="h1">h1 Heading</p>

<p class="h2">h2 Heading</p>

<p class="h3">h3 Heading</p>

<p class="h4">h4 Heading</p>

<p class="h5">h5 Heading</p>

<p class="h6">h6 Heading</p>

<hr />

<ul class="nav nav--inline nav--space">
    <li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#search3" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#checkmark" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#cross" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#plus" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#minus" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#user" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#info" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#question" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#heart" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#cloud" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#cart" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#bubble" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#bubbles" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#pencil" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#star-full" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#arrow-down6" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#arrow-up6" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#arrow-left6" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#arrow-right6" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#menu" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#cog" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#home" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#phone2" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#envelop" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#lock4" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#notification" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#radio-unchecked" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#radio-checked" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#list" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#link" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#table2" />
        </svg></li></ul>

<svg class="icon ">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#home" />
        </svg>

.icon--card

<p><code>.icon--card</code></p>
<ul class="u-list-unstyled u-list-inline u-list-space">
    <li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Amazon-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Apple-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#DirectDebit-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Paypal-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Sage-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Stripe-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#WorldPay-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#AmericanExpress-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Cirrus-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#DinersClub-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Discover-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#JCB-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Maestro-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#MasterCard-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#UnionPay-card-light" />
        </svg></li><li><svg class="icon icon--card">
            <use xlink:href="/build/img/vector/payment/symbol/sprite-symbol.svg#Visa-card-light" />
        </svg></li></ul>

.icon--lg

.icon--sm

<p><svg class="icon icon--lg">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#home" />
        </svg> <code>.icon--lg</code></p>

<p><svg class="icon icon--sm">
            <use xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#home" />
        </svg> <code>.icon--sm</code></p>

<ul class="nav nav--inline nav--space">
    <li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#linkedin" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#twitter" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#facebook" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#google-plus" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#instagram" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#youtube" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#pinterest" />
        </svg></li><li><svg class="icon ">
            <use xlink:href="/build/img/vector/social/symbol/sprite-symbol.svg#tumblr" />
        </svg></li></ul>

<img src="/build/img/placeholder/300x300.jpg" width="340" height="340" alt="Demo Image" />

<figure>
    <img src="/build/img/placeholder/300x300.jpg" width="340" height="340" alt="Demo Image" />
</figure>

<picture>
    <source srcset="/build/img/placeholder/300x300.jpg" media="(min-width: 768px)" />
    <img srcset="/build/img/placeholder/300x300.jpg" alt="Demo Image" width="300" height="300" />
</picture>

<img src="/build/img/placeholder/300x300.jpg" width="340" height="340" alt="Demo Image" class="u-img-responsive" />

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

~~This text is deleted~~ and This text is inserted

~~This text has a strikethrough~~

Superscript^®

Subscript for things like H₂O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition.

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variarble element, such as x = y

<p><a href="#">This is a text link</a></p>

<p><strong>Strong is used to indicate strong importance</strong></p>

<p><em>This text has added emphasis</em></p>

<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>

<p>The <i>i element</i> is text that is set off from the normal text</p>

<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>

<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p>

<p><s>This text has a strikethrough</s></p>

<p>Superscript<sup>®</sup></p>

<p>Subscript for things like H<sub>2</sub>O</p>

<p><small>This small text is small for for fine print, etc.</small></p>

<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>

<p>Keybord input: <kbd>Cmd</kbd></p>

<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>

<p><cite title="I am a Citation">This is a citation</cite></p>

<p>The <dfn title="I ama Definition">dfn element</dfn> indicates a definition.</p>

<p>The <mark>mark element</mark> indicates a highlight</p>

<p><code>This is what inline code looks like.</code></p>

<p><samp>This is sample output from a computer program</samp></p>

<p>The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>

This is a term.: This is the definition of that term, which both live in a dl.
Here is another term.: And it gets a definition too, which is this line.
Here is term that shares a definition with the term below.
Here is a defined term.: dt terms may stand on their own without an accompanying dd, but in that case they share descriptions with the next available dt. You may not have a dd without a parent dt.

<dl>
    <dt>This is a term.</dt>
    <dd>This is the definition of that term, which both live in a <code>dl</code>.</dd>
    <dt>Here is another term.</dt>
    <dd>And it gets a definition too, which is this line.</dd>
    <dt>Here is term that shares a definition with the term below.</dt>
    <dt>Here is a defined term.</dt>
    <dd><code>dt</code> terms may stand on their own without an accompanying <code>dd</code>, but in that case they <em>share</em> descriptions with the next available <code>dt</code>. You may not have a <code>dd</code> without a parent <code>dt</code>.</dd>
</dl>

The European languages are members of the same family.
Their separate existence is a myth.
For science, music, sport, etc, Europe uses the same vocabulary.
The languages only differ in their grammar, their pronunciation and their most common words.
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.
If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.
The new common language will be more simple and regular than the existing European languages.
- It will be as simple as Occidental; in fact, it will be Occidental.
- To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.
- The European languages are members of the same family.
- Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
The languages only differ in their grammar, their pronunciation and their most common words.
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.

<ol>
    <li>The European languages are members of the same family.</li>
    <li>Their separate existence is a myth.</li>
    <li>For science, music, sport, etc, Europe uses the same vocabulary.</li>
    <li>The languages only differ in their grammar, their pronunciation and their most common words.</li>
    <li>Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</li>
    <li>To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.</li>
    <li>If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.</li>
    <li>The new common language will be more simple and regular than the existing European languages.
        <ul>
            <li>It will be as simple as Occidental; in fact, it will be Occidental.</li>
            <li>To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.</li>
            <li>The European languages are members of the same family.</li>
            <li>Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.</li>
        </ul>
    </li>
    <li>The languages only differ in their grammar, their pronunciation and their most common words.</li>
    <li>Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</li>
</ol>

The European languages are members of the same family.
Their separate existence is a myth.
For science, music, sport, etc, Europe uses the same vocabulary.
The languages only differ in their grammar, their pronunciation and their most common words.
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.
If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.
The new common language will be more simple and regular than the existing European languages.
- It will be as simple as Occidental; in fact, it will be Occidental.
- To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.
- The European languages are members of the same family.
- Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
The languages only differ in their grammar, their pronunciation and their most common words.
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.

<ul>
    <li>The European languages are members of the same family.</li>
    <li>Their separate existence is a myth.</li>
    <li>For science, music, sport, etc, Europe uses the same vocabulary.</li>
    <li>The languages only differ in their grammar, their pronunciation and their most common words.</li>
    <li>Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</li>
    <li>To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.</li>
    <li>If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.</li>
    <li>The new common language will be more simple and regular than the existing European languages.
        <ul>
            <li>It will be as simple as Occidental; in fact, it will be Occidental.</li>
            <li>To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.</li>
            <li>The European languages are members of the same family.</li>
            <li>Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.</li>
        </ul>
    </li>
    <li>The languages only differ in their grammar, their pronunciation and their most common words.</li>
    <li>Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.</li>
</ul>

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.

<p>The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. <i>Everyone realizes</i> why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have <b>uniform grammar</b>, pronunciation and more common words.</p>

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.

<p class="lead">The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. <i>Everyone realizes</i> why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have <b>uniform grammar</b>, pronunciation and more common words.</p>

    P R E F O R M A T T E D T E X T
    ! " # $ % & ' ( ) * + , - . /
    0 1 2 3 4 5 6 7 8 9 : ; < = > ?
    @ A B C D E F G H I J K L M N O
    P Q R S T U V W X Y Z [ \ ] ^ _
    ` a b c d e f g h i j k l m n o
    p q r s t u v w x y z { | } ~

<pre>
    P R E F O R M A T T E D T E X T
    ! " # $ % &amp; ' ( ) * + , - . /
    0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
    @ A B C D E F G H I J K L M N O
    P Q R S T U V W X Y Z [ \ ] ^ _
    ` a b c d e f g h i j k l m n o
    p q r s t u v w x y z { | } ~
</pre>

Table Heading 1	Table Heading 2	Table Heading 3	Table Heading 4	Table Heading 5
Table Footer 1	Table Footer 2	Table Footer 3	Table Footer 4	Table Footer 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5

<table>
    <thead>
        <tr>
            <th>Table Heading 1</th>
            <th>Table Heading 2</th>
            <th>Table Heading 3</th>
            <th>Table Heading 4</th>
            <th>Table Heading 5</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Table Footer 1</th>
            <th>Table Footer 2</th>
            <th>Table Footer 3</th>
            <th>Table Footer 4</th>
            <th>Table Footer 5</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Table Cell 1</td>
            <td>Table Cell 2</td>
            <td>Table Cell 3</td>
            <td>Table Cell 4</td>
            <td>Table Cell 5</td>
        </tr>
        <tr>
            <td>Table Cell 1</td>
            <td>Table Cell 2</td>
            <td>Table Cell 3</td>
            <td>Table Cell 4</td>
            <td>Table Cell 5</td>
        </tr>
        <tr>
            <td>Table Cell 1</td>
            <td>Table Cell 2</td>
            <td>Table Cell 3</td>
            <td>Table Cell 4</td>
            <td>Table Cell 5</td>
        </tr>
        <tr>
            <td>Table Cell 1</td>
            <td>Table Cell 2</td>
            <td>Table Cell 3</td>
            <td>Table Cell 4</td>
            <td>Table Cell 5</td>
        </tr>
    </tbody>
</table>

2 weeks ago

The concert took place on May 15.

<p><time datetime="2013-04-06T12:32+00:00">2 weeks ago</time></p>
<p>The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.</p>

Blockquote

Button

Form

Heading

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

Horizontal Rule

Icon

Image

Inline

List

Paragraph

Pre

Table

Timestamp