<!DOCTYPE html>
<html>
  <head>
    <title>List tests</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../../test.js"></script>
    <style>
      #dynamic{
        list-style-type:lower-alpha;
        list-style-position: outside;
        font-size:20px;
        line-height:50px;

      }

      .small{
        font-size:14px;
      }

      .medium{
        font-size:18px;
      }
      .large{
        font-size:24px;
      }
      div{
        float:left;
      }
      h2 {
        clear:both;
      }
      li{
        width:100px;
        margin:0;
      }
      ol{
        margin:0;
      }
      body {
          font-family: Arial;
      }
    </style>

  </head>
  <body>

    <ol id="dynamic">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
        <li>14</li>
        <li>15</li>
    </ol>

  </body>
</html>