Я пытаюсь создать и выровнять три поля со сплошной границей 1px под МЕНЮ. Я хочу, чтобы они были выровнены одинаково, так как я планирую помещать в них изображения. По три в каждом ряду. Я могу создать первый блок div и выровнять его, но когда я пытаюсь создать еще один, он просто перекрывает первый, и я не могу заставить его перейти к следующему. Размеры «высота» 340 пикселей и «ширина» 260 пикселей. Поскольку я снова буду ИСПОЛЬЗОВАТЬ этот формат, я создаю их как класс div или идентификатор div. Пожалуйста, может кто-нибудь объяснить подробно. Очень признателен.
Благодарю всех за помощь, ребята. Спасибо.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="videos.css" />
<link rel="stylesheet" type="text/css" href="vines.css" />
<title>Puppy Power</title>
</head>
<body>
<div id="page">
<header></header>
<div id="dog logo">
</div>
<ul id="navigation">
<li><a href="indes.html">Home</a></li>
<li><a href="Videos.html">Videos</a>
<ul class="sub">
<li><a href="#">Vines</a></li>
<li><a href="#">Pugs</a></li>
<li><a href="#">Failing Dogs</a></li>
<li><a href="#">Crazy Dogs</a></li>
<li><a href="#">Funny Dogs</a></li>
</ul>
</li>
<li><a href="#">Photographs</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
#row {
width: 267px;
height: 370px;
border-top: 1px solid #89cff0;
border-bottom: 1px solid #89cff0;
border-left: 1px solid #89cff0;
border-right: 1px solid #89cff0;
display: inline-block;
vertical-align:top;
margin: 5px 0px 5px 5px;
}