<div class="container">
  <p>
    Change the font size of this text using the different absolute length units: <code>px, pc, pt, mm, cm, in</code>, and see how that affects the font.
  </p>
  <h1>This headline is set to 40px size</h1>
  <p class="text">
    <strong>This text is set to 20px.</strong>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam impedit facere nam ullam tempora possimus qui officia fuga labore dicta. Porro, mollitia officia iure distinctio nam architecto debitis vitae soluta.
  </p>
  <p class="text points">
    <strong>This text is set to 20pt.</strong>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam impedit facere nam ullam tempora possimus qui officia fuga labore dicta. Porro, mollitia officia iure distinctio nam architecto debitis vitae soluta.
  </p>
  <p class="text picas">
    <strong>This text is set to 3pc.</strong>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam impedit facere nam ullam tempora possimus qui officia fuga labore dicta. Porro, mollitia officia iure distinctio nam architecto debitis vitae soluta.
  </p>
  <p class="text milli">
    <strong>This text is set to 10mm.</strong>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, velit, ut blanditiis facilis exercitationem sequi aliquam fugiat facere quod aut eligendi nostrum excepturi accusamus officiis odio consequatur incidunt quae unde!
  </p>
  <p class="text centi">
    <strong>This text is set to 1cm.</strong>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, velit, ut blanditiis facilis exercitationem sequi aliquam fugiat facere quod aut eligendi nostrum excepturi accusamus officiis odio consequatur incidunt quae unde!
  </p>
  <p class="text inches">
    <strong>This text is set to 1in.</strong>
    Lorem ipsum dolor sit amet.
  </p>
</div>
html {
  font-size: 100%;
  /* 16px in most browsers */
}

body {
  background-color: #F5F5F5;
  color: #555;
  font-size: 1.1em;
  line-height: 1.4;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
  margin: 50px auto;
  max-width: 700px;
}

h1 {
  font-size: 40px;
}

.text {
  font-size: 22px;
}

.points {
  font-size: 20pt;
}

.picas {
  font-size: 3pc;
}

.inches {
  font-size: 1in;
}

.milli {
  font-size: 10mm;
}

.centi {
  font-size: 1cm;
}