Всё тот же код, что в предыдущем посте, только отредактирванный немного.
Нужно сделать так, что б '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;
}