Incorrect: Pages should have a logical reading order

If one element comes before another when displayed in a browser, the code should have the same order.

Headline

Thus they remarked that, during full moon, the disc appeared scored in certain parts with white lines; and, during the phases, with black. On prosecuting the study of these with still greater precision, they succeeded in obtaining an exact account of the nature of these lines. They were long and narrow furrows sunk between parallel ridges, bordering generally upon the edges of the craters.

Link 1 | Link 2 | Link 3

Code


  <div style="position: relative; width: 400px; margin: 40px; border: 1px solid #8a8a8a; padding: 10px;">
    <h3>Headline</h3>
    <p>Thus they remarked that, during full moon, the disc appeared scored in certain parts with white lines; and,
      during the phases, with black. On prosecuting the study of these with still greater precision, they succeeded in
      obtaining an exact account of the nature of these lines. They were long and narrow furrows sunk between parallel
      ridges, bordering generally upon the edges of the craters.</p>
    <div style="position: absolute; top: 15px; right: 10px;">
      <a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a>
    </div>
  </div>

Resources