<div class="container">
  <h1>Chinese language on the web</h1>
  <p>The most common text layout on the web is horizontal top-to-bottom, as is the case for Latin-based scripts. However, East Asian scripts like Chinese and Japanese are traditionally laid out vertically, from right-to-left.</p>
  <p>This article will explore the history of the Chinese writing system and how to use CSS to lay out text for vertical scripts.</p>
  <h2>Table of contents</h2>
  <ul>
    <li><a href="#some-background-and-history">Some background and history</a></li>
    <li><a href="#chinese-fonts-offline-and-online">Chinese fonts, offline and online</a></li>
    <li><a href="#laying-out-chinese-fonts">Laying out Chinese fonts on the web</a>
      <ul>
        <li><a href="#basic-terminology">Basic terminology</a>
        </li>
        <li><a href="#writing-mode-property">writing-mode property</a></li>
        <li><a href="#text-orientation-property">text-orientation property</a></li>
        <li><a href="#text-combine-upright-property">text-combine-upright property</a></li>
      </ul>
    </li>
    <li><a href="#wrapping-up">Wrapping up</a></li>
  </ul>

</div>