Как добавить третий div в контейнер с двумя div? ⇐ CSS

[Anonymous]

У меня уже есть контейнер с двумя DIV, и я хотел бы добавить третий, идентичный первому и второму. Однако он продолжает появляться за пределами контейнера. Вот мой HTML и CSS:

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

#results-summary-container {
border: 2px solid #e0e0e0;
box-shadow: 3px 4px 10px #585858;
width: 400px;
height: 180px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 63%;
left: 10px;
color: black;
font-weight: bold;
text-align: center;
}

#results-summary-container h2 {
display: block;
width: 400px;
margin: 5px auto;
}

#results-summary-items {
display: block;
margin: auto;
width: 210px;
}

.result-item {
opacity: 0;
display: inline-block;
margin-left: 10px;
margin-top: 20px;
width: 80px;
font-size: 30px;
border-radius: 10px;
font-weight: bolder;
text-align: center;
vertical-align: middle;
transition: opacity 1s ease-in;
}

#pnp-count {
background-color: #fca925;
}

#jlp-count {
background-color: #60ff2a;
}

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

Click on an electoral division for more detailed information.

Election Result Summary

 JLP
PNP
PNP

Я попробовал просто добавить третий " "
Это вне контейнера. Я пытался изменить CSS, но безуспешно.

Подробнее здесь: https://stackoverflow.com/questions/789 ... h-two-divs