Por que a página html não é adequada para 100%?

Sempre que eu quero criar uma página html, eu tenho problemas com isso, por que a página html é inferior a 100%? Deixe-me explicar no exemplo:

<!doctype html>
    <html>
      <head>
        <title>Test</title>
        <style>
          html
          {
            margin: 0;
            padding: 0;
            width: 100%;
          }
          body
          {
            margin: 0;
            padding: 0;
          }
          .row
          {
            width: 100%;
            margin: 0 auto;
            padding: 0;  
          }
          .col-1
          {
            width: 10%;
            margin: 0;
            padding: 0;
            display: inline-block;
          }
        </style>
      </head>
      <body>
        <div class="row">
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
        </div>
      </body>
    </html>

Por que a última div chega à próxima linha? Com toda a largura, 10% significa que podemos adicionar 10 div em linha, mas no mundo real isso não acontece ?! Eu verifiquei todas as margens, preenchimento, bordas, mas não vi nada. Você poderia me dizer por que isso acontece?

questionAnswers(3)

yourAnswerToTheQuestion