Цвет фона прекращается сразу после окончания текста ⇐ Html

[Anonymous]

У меня есть элемент div с названием title-inverse, за которым я установил цвет фона, отличный от цвета контейнера, в котором он установлен. Контейнер черный, а title-inverse имеет белый цвет фона. Я хочу, чтобы белый цвет фона прекратился сразу после окончания заголовка.

Кто-нибудь видит, что я делаю неправильно?

Там, где на этом изображении находится синий цвет, я хочу, чтобы черный был.

Код: Выделить всё

.section-wrap {
height: 80vh;
width: 100%;
position: relative;
}
.section-block {
height: 100%;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}
.sec-text {
width: 30%;
background: #000;
}
.section-content-left, .section-content-right {
width: 70%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.title-inverse {
background: #FFF;
color: #000;
padding: 5px 10px 2px 15px;
font-family: 'Roboto', sans-serif;
font-size: .8rem;
font-weight: 500;
line-height: 1.4em;
margin-top: 15%;
display: inline-block;
}
.section-title:after {
margin-top: 3px;
height: 2px;
width: 70px;
background: #C3C3C3;
display: block;
}
.section-description, #about-list li {
color: #777;
font-family: 'Roboto', sans-serif;
font-size: .5rem;
line-height: 1.5em;
padding-top: 30px;
}

Код: Выделить всё

ALUMINUM EXTRUDED PROFILE



Our team has worked with both small start-ups to established corporations with the task of enhancing their online presence by refining
their brand to reach optimum user communication. Our ultimate goal is to improve brand awareness, while making connections with the clients' user-base.

Подробнее здесь: https://stackoverflow.com/questions/485 ... -text-ends