<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS feature detection example</title>

    <link href="basic-styling.css" rel="stylesheet">
    <link class="conditional" href="float-layout.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <h1>My funky website</h1>
    </header>

    <main>
      <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare
        erat diam, ut blandit enim tincidunt ut. Phasellus varius aliquam orci
       at ultricies. Cras lobortis, risus nec finibus volutpat, nibh urna
       feugiat eros, quis suscipit turpis mi facilisis nulla. Nunc lacinia
       auctor magna, vel tempus tortor semper sit amet. Nunc ac varius risus.
       In a purus ac tortor venenatis tincidunt commodo in est. Etiam est ante,
       laoreet vel orci sed, finibus ornare turpis. Pellentesque habitant morbi
       tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
      <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare
       erat diam, ut blandit enim tincidunt ut. Phasellus varius aliquam orci
      at ultricies. Cras lobortis, risus nec finibus volutpat, nibh urna
      feugiat eros, quis suscipit turpis mi facilisis nulla. Nunc lacinia
      auctor magna, vel tempus tortor semper sit amet. Nunc ac varius risus.
      In a purus ac tortor venenatis tincidunt commodo in est. Etiam est ante,
      laoreet vel orci sed, finibus ornare turpis. Pellentesque habitant morbi
      tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
      <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare
        erat diam, ut blandit enim tincidunt ut. Phasellus varius aliquam orci
       at ultricies. Cras lobortis, risus nec finibus volutpat, nibh urna
       feugiat eros, quis suscipit turpis mi facilisis nulla. Nunc lacinia
       auctor magna, vel tempus tortor semper sit amet. Nunc ac varius risus.
       In a purus ac tortor venenatis tincidunt commodo in est. Etiam est ante,
       laoreet vel orci sed, finibus ornare turpis. Pellentesque habitant morbi
       tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
      <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare
       erat diam, ut blandit enim tincidunt ut. Phasellus varius aliquam orci
      at ultricies. Cras lobortis, risus nec finibus volutpat, nibh urna
      feugiat eros, quis suscipit turpis mi facilisis nulla. Nunc lacinia
      auctor magna, vel tempus tortor semper sit amet. Nunc ac varius risus.
      In a purus ac tortor venenatis tincidunt commodo in est. Etiam est ante,
      laoreet vel orci sed, finibus ornare turpis. Pellentesque habitant morbi
      tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
    </main>

    <footer>
      <p>Copyright blah blah</p>
    </footer>
  </body>
</html>
