Проблемы с вертикальной линией HTML

Сегодня сделал на сайте вертикальную линию через <div>, но не могу изменить высоту. Как мне это сделать? Код:

CSS:

.decoration {
   border-left:1px solid black;
   padding-left:10px;
    display:inline;
    width:4px;
    height: 100%;
    margin-top: 20px;
    margin-right: 20px
}

HTML

<div class="decoration"></div>