Example1

HTML

<h1>This is a heading</h1>
<p class="blue"> This is text </p>
<p class="orange"> 
  This is also text <br/>
  but on multiple <br/>
  lines</p>

<h2>This is an unordered list</h2>
<ul>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ul>

<p>This is the end the only end my friend</p>

<h2>This is an ordered list with a class for formatting</h2>
<ol class="orange">
  <li>This is a lits item</li>
  <li>This is a list item with a list
    <ul id="menu">
      <li>1.1</li>
      <li>1.2</li>
      <li>1.3</li>
    </ul>
  </li>                 
  <ol>

CSS

p {
    color: lightblue;
    background: darkslategray;
    font-size: 14px;
}

.orange {
  color: orange;
}

.blue {
  color: #FFF;
}

#menu {
  color: black;
}