Tables

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Tables</title>

    <style>
      section {
        margin: 0 auto;
        width: 1020px;
      }

      .row {
        margin-bottom: 15px;
        display: block;
      }

      .column {
        float: left;
        width: 250px;
        margin-left: 5px;
        margin-top: 15px;
      }

      .one thead th {
        background-color: green;
        width: 100%;
      }

      .two thead th {
        background-color: orange;
        width: 100%;
      }

      .three thead th {
        background-color: red;
        width: 100%;
      }

      table {
        width: 100%;
      }

      table, th, td {
        border: solid 1px gray;
        border-radius: 15px;
      }

      td {
        padding: 0;
      }

      table tbody img {
        width: 100%;
        border: 0;
        border-radius: 15px;
      }

      table tfoot {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <section>
      <div class="row one">
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="row two">
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="row three">
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="column">
          <table>
            <thead>
              <tr>
                <th>Таблица #1</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td>Текст Текст Текст</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>
                  <img src="http://pptb.weebly.com/uploads/4/8/1/6/48166701/538810576.jpg">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </section>
  </body>
</html>