Автор Павел Бородавка задал вопрос в разделе Другие языки и технологии
Как расположить ссылки в один ряд? (html) и получил лучший ответ
Ответ от Парикмахер[гуру]
поправил код ваш --вот он -->>
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="shortcut icon" href="" >
<title>Магазин Электронных Сигарет</title>
<style>
body{
background:#E8E8FF;
}
a{
text-decoration:none;
}
.contact{
float:left;
margin:10px;
padding:3px;
text-shadow:1px 2px 1px blue;
color:lightblue;
padding:3px;
}
.contact:hover{
background:#BCBCBC;
color:#fff;
}
h1{
color:#F6D634;
font:normal 30pt/4pt "Comic sans ms";
text-align:center;
}
a h5{
display:inline-table;
font-size:110%;
padding:4px;
box-shadow:0 0 3px grey;
background:lightblue;
}
a h5:hover{
background:#BCBCBC;
color:#fff;
}
.maket{
width:900px;
margin:0 auto;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.epigraf,.autor{
color:#800000;
font:italic 12pt verdana;
text-align:right;
}
.content{
color:#000000;
font:bold 14pt Georgia;
text-align:center;
text-shadow:1px 1px 1px #000;
}
.footer{
text-align:center;
position:relative;
top:25px;
font:bold 14px verdana;
}
p{
text-align:center;
}
img{
width:150px;
height:120px;
position:relative;
left:43%;
}
</style>
</head>
<body>
<a href="" class="contact">Главная страница</a>
<a href="" class="contact">Связаться с нами</a>
<div class="maket">
<h1>Магазин Электронных Сигарет</h1>
<p class="epigraf">Высокое качество - низкая цена. </p>
<hr size="1" color="#800000" width="65%">
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Evod CE4S</a></p>
<img src="elektronik-sigara-500x500.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content"><Электронная сигарета Ego-T 650 mAh</p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/><br><br>
<a href=""><h5>1 стр</h5></a>
&#124;
<a href=""><h5>2 стр</h5></a>
&#124;
<a href=""><h5>3 стр</h5></a>
&#124;
<a href=""><h5>4 стр</h5></a>
&#124;
<a href=""><h5>5 стр</h5></a>
&#124;
<a href=""><h5>6 стр</h5></a>
</body>
</html>
Почитать спецификацию CSS о строчных и блочных элементах.
А <center> вы вообще с какой помойки выкопали?
А <center> вы вообще с какой помойки выкопали? Тоже удивилась.
Зачем такие навороты?
<a href="C:UsersUserDesktopМой первый сайтindex.html"><center><h5>1</h5><center></a>
<div class="nav">
<a href="#">1</a>
<a href="#">2</a>
</div>
Код должен быть максимально простым и легкочитаемым.