Нужна помощь с html таблицей

Question

Нужно сделать таблицу как на примере, сколько не пробую не получается, буду благодарен тем кто поможет сделать что-то похожее, спасибо!

Answer 1

Вот так это можно реализовать, если Вам нужно именно через таблицу.

table {
  width: 220px;
  border-spacing: 10px;
  height: auto;
}

td:nth-child(1) {
  width: 70px;
  height: 70px;
  text-align: center;
}

td:nth-child(2) {
  width: 100px;
  height: 70px;
  border: none;
}

.left {
  font-size: 12px;
  text-align: left;
  padding: 10px;
}

.right {
  font-size: 12px;
  text-align: right;
  padding: 10px;
}

.left_n_p {
  font-size: 12px;
  text-align: left;
}

.center {
  font-size: 12px;
  text-align: center;
}

<table border="1">
  <tbody>
    <tr>
      <td>Фото</td>
      <td>ФИО студента</td>
    </tr>
    <tr>
      <td colspan="2">
        <p class="left">Тут должен быть текст</p>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <p class="right">Тут должен быть текст</p>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <p class="left_n_p">Тут должен быть текст</p>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <p class="center">Тут должен быть текст</p>
      </td>
    </tr>
  </tbody>
</table>

БЛОГ НА HUSL

Нужна помощь с html таблицей

Ответы (1 шт):