Добавить в строку таблицы "абзац" html

#html #css #row #paragraph

#HTML #css #строка #абзац

Вопрос:

возможно ли добавить абзац в строку таблицы? Его длина должна быть равна длине строки и находиться под ней (как на картинке)

 table{
  border-collapse:collapse;
}
table tr{
  border:1px solid #111;
}

 <table>
  <tr>
    <th>Name </th>
    <th>Surname </th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Amelia</td>
    <td>Evans</td>
    <td>30</td>
    <p>*This is an Example of text </p>
  </tr>
  <tr>
    <td>Emily</td>
    <td>Wilson</td>
    <td>28</td>
  </tr>
  <tr>
    <td>Jessica</td>
    <td>Ellington</td>
    <td>35</td>
  </tr>
</table>

Пример

Ответ №1:

       <tr>
        <td>Amelia</td>
        <td>Evans</td>
        <td>30</td>
      </tr>
      <tr>
         <td colspan="3"><p style="text-align:justify">*This is an Example of text </p></td>
      </tr>

Ответ №2:

итак, чтобы выполнить то, что вы просите, вам нужно будет использовать bootstrap, который показывает вам ARLEQUINA.

вот ссылка:https://getbootstrap.com/docs/4.5/getting-started/introduction /

вы можете загрузить файлы для этого или вы можете просто использовать ссылку для его импорта. Вам нужно будет импортировать только таблицу стилей CSS, а не материал JavaScript, если вы не используете JavaScript, который может быть полезен.

bootstrap прост в использовании, и по нему есть много документации. После того, как вы импортировали bootstrap в свой проект, все, что вам нужно сделать, это добавить следующее:

<td colspan="3"><p style="text-align:justify">This is an Example of text </p></td>