Как объединить ячейки в таблице?

Всё тот же код, что в предыдущем посте, только отредактирванный немного.

Нужно сделать так, что б 'line4' было растянуто на всю ширину таблицы. Как это сделать?

<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
Title
<link rel="stylesheet" href="CSS_1.css">




<table border="1">

line1 box1
line1 box2
line1 box3


line2 box1
line2 box2
line2 box3


line3 box1
line3 box2
line3 box3


line4



На втором уроке курса HTML5 / CSS3 автор показывает атрибуты, с помощью взаимодействия с которыми можно соединять колонки и рядки.

colspan - атрибут, с помощью которого можно объединить рядки по горизонтали.

rowspan - атрибут, с помощью которого можно объединить рядки по вертикали.

Вот, я добавил необходимый аргумент в твой код:

<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
Title
<link rel="stylesheet" href="CSS_1.css">




<table border="1">

line1 box1
line1 box2
line1 box3


line2 box1
line2 box2
line2 box3


line3 box1
line3 box2
line3 box3


<td colspan="3">line4



И можно добавить стиль для отцентровки текста в "общей ячейке":

table tr{
text-align: center;
}