@YtnEtc
Ламер в первом поколении

Почему слетает форматирование border?

Вот код:
HTML:
<html>
 <head> <title> 6 1 </title>
  <link href = 'my.css' rel = 'stylesheet' type = 'text/css'> 
  <style>
  p{
	text-align: center; 
  }
  </style>
 </head>
 <body> 
  <h2 class = "scndh2"> <span class = "scndimg2"> Предыстория </span> </h2>

  <p class = "mrg"> <span class = "img2">После запуска Советским Союзом искусственного спутника Земли в 1957 году, Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. 
  </span></p>

  <p class = "mrg"><span class = "brdsec">Агентство передовых исследовательских проектов США (ARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету штата Юта и Университету штата Калифорния в Санта-Барбаре. 
  </span></p>

  <p class = "mrg"> <span class = "img2">Компьютерная сеть была названа ARPANET, и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. 
  </span></p>

  <p class = "mrg"><span class = "brdsec"> Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки. Первый сервер ARPANET был установлен 1 сентября 1969 года в Калифорнийском университете в Лос-Анджелесе. 
  </span></p>

  <h2> <a href = "1V-6_0.html"> Возврат на оглавление </a> </h2>

  </body>
</html>

CSS:
body{
	font: Arial;
	font-family: sans-serif;
}
h2{
	font-size: 20pt;
	color: Blue;
	font-style: italic;
}
p{
	color: Brown;
	text-indent: 1.5cm;
	font-family: 'Times New Roman';
	text-align: justify;
	line-height: 1.5;
	margin: 50px;
}
a{
	text-decoration: none;
}
.scndimg2{
	border: 14px double purple;
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.scndh2{
	padding-top: 50px;
	text-align: center;
	color: green;
}
.mrg{
	margin: 100px;
}
.img2{
	border: 6px outset red;
	padding: 10px;
}

5c06debd57301095218643.png
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
@Froggyweb
потому что span- inline элемент.
если без объяснений - поставь ему свойство display inline-block;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы