<center>   <!-- HTML Tic Tac Toe -->   </center>

<!-- STUDENT INSTRUCTIONS: Find the h tags, change all of the to be the smallest heading.    Move the image tag to the bottom of the page. Change the the comment above the directions to be a paragraph. Fix the other paragraph tag. -->

<body>

  <div id="tic-tac-toe">

    <div class="span3 new_span">

      <div class="row">

        <h1 class="span3">Tic Tac Toe</h1>

        <!-- Simple Tic tac toe game for two players -->

        <p><h5>Directions</h5> First person to get three X's or O's in a row wins!

          <img src="http://kurtkaiser.us/tictactoe/" alt=="tic tac toe board" />

          <div class="span3">

            <div class="input-prepend input-append">

              <span class="add-on win_text">O won</span>

             <strong id="o_win" class="win_times add-on">0</strong>

             <span class="add-on">time(s)</span>

            </div>

            <div class="input-prepend input-append">

              <span class="add-on win_text">X won</span>

              <strong id="x_win" class="win_times add-on">0</strong>

              <span class="add-on">time(s)</span>

            </div>

          </div>

      </div>

      <ul class="row" id="game">

        <li id="one" class="btn span1">+</li> <li id="two" class="btn span1">+</li>

        <li id="three" class="btn span1">+</li>  <li id="four" class="btn span1">+</li>

        <li id="five" class="btn span1">+</li> <li id="six" class="btn span1">+</li>

        <li id="seven" class="btn span1">+</li> <li id="eight" class="btn span1">+</li>

        <li id="nine" class="btn span1">+</li>

      </ul>

      <div class="clr">&nbsp;</div>

      <div class="row">

        <a href="#" id="reset" class="btn-success btn span3">

          <h4>Restart</h4>

        </a>

      </div>

      <br /><br /><br />

    </div>

  </div>

</body>

<!-- DONE? Go to bit.ly/tictachtml and make the same changes in the HTML column. -->