Мой раздел не отображается

Question

Я делаю сайт в заливе Чесапик, но section не появится, хотя у него есть background-color.

Я не уверен, почему, и этого никогда не случалось до создания веб-сайтов. Я использую Atom для написания кода, Notepad ++ для его компиляции, а Chrome - для его отображения.

Мой код:

section { 
 
    background-color: #75c776; 
 
    width: 200; 
 
    height: 400; 
 
    margin-right: 500px; 
 
    margin-top: 25px; 
 
    border-radius: 3px; 
 
}

<header> 
 
    <h1 class="title">The Cheasapeake Bay</h1> 
 
</header> 
 
<section> 
 
</section> 
 
<footer> 
 
</footer>

Если кто-нибудь может помочь мне понять, что это неправильно, что было бы весьма признателен!

Answer 1

Вы должны добавить блоки ваших width и height свойства:

width: 200px; 
height: 400px; 

Answer 2

Вы забыли добавить px в вашем CSS и есть дубликат -right

Новый CSS

section { 
    background-color: #75c776; 
    width: 200px; 
    height: 400px; 
    margin-right: 500px; 
    margin-top: 25px; 
    border-radius: 3px; 
} 

Новый Codepen

Answer 3

width и height Необходимо иметь блоки.

Таким образом, вы пропускаете единиц в width и height

Вы можете добавить px/em/rem/vw

section { 
 
    background-color: #75c776; 
 
    width: 200px; 
 
    height: 400px; 
 
    margin-right: 500px; 
 
    margin-top: 25px; 
 
    border-radius: 3px; 
 
}

<header> 
 
    <h1 class="title">The Cheasapeake Bay</h1> 
 
</header> 
 
<section> 
 
</section> 
 
<footer> 
 

 
</footer>