Как мне исправить свою обертку div
У меня возникли трудности с созданием кода "div wrapper" на моей веб-странице.
Вот что находится в моем HTML файле
<!DOCTYPE html> <title> <div id="wrapper"> <h1>Sample h1 Heading</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, in culpa qui officia deserunt mollit anim id est laborum</p> <h2>Sample h2 Heading</h2> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> <!—-End wrapper—->
А вот что находится в моем CSS файле,
/* stylesheet.css */
/* Style rule for the body element */
body{
background-color:white;
background-image:url(pix/587e13b9482b2.jpg);
background-repeat:no-repeat;
/* Default font styling */
font: 10pt Arial, Helvetica, Sans-Serif;
color: #5d3f25;
}
/*Style rule for the wrapper div*/
#wrapper{
width:900px;
margin:0 auto;
background-color:white;
border:soild 2px #4c2e16;
border-radius:20px;
box-shadow:8px 8px 8px black;
}
/* Style for h1 headings */
h1{
font:italic small-caps bold 24px Arial Black, Gadget, Sans-Serif;
text-shadow:-2px -2px 2px #a48362;
text-align:center;
}
/* Style for h2 headings */
h2{
font:italic small-caps bold 18px Arial Black, Gadget, Sans-Serif;
text-shadow:-1px -1px 1px #a48362;
}
/* Style for paragraphs */
p{
line-height:1.5;
}Я могу заставить работать все остальное, то есть фон, цвета, шрифты и тому подобное, но я не могу заставить работать фон белого ящика. Если бы кто-то мог мне помочь, я был бы вечно благодарен, потому что я не знаю, как решить эту проблему.Это также ссылка на страницу,
file:///Users/taylargealy/Desktop/Intro%20HTML5/HTML5%20Template.htm
Большое спасибо
Что я уже пробовал:
Я сделал все, что узнал, поговорил с разными людьми, посмотрел видео по этой проблеме и, кажется, не могу понять, в чем проблема. Я нахожусь на компьютере Mac и пробовал Safari и Firefox, но ничего не сработало. Я даже начал с нового документа и попытался все переписать.