html:
<div id="wrap">
<div id="test">
<strong id="cent">Интересное:</strong>
<ul>
<li>Здоровье</li>
<li>Новости</li>
<li>Статьи</li>
</ul>
</div>
<div id="news">
<div id="new">
<img src="https://mir24.tv/uploaded/images/2017/December/12286d1ff7b5d2cc8b21a0286801bf57075c617f381f261453750afdbb3b13d7.jpg">
<div id="new-cent">Деньги</div>
<div id="new-text">В наше время многие не задумываются о ценности денег, но они очень важны.</div>
</div>
<div id="new">
<img src="http://aforisma.ru/wp-content/uploads/2016/04/Vyskazyvaniya-o-zhizni.jpg">
<div id="new-cent">Жизнь</div>
<div id="new-text">
Жизнь - очень важное в нас, она ограничена, поэтому нам следует задуматься о ней прямо сейчас.
</div>
</div>
<div id="new">
<img src="https://karelinform.ru/attachments/cbaaf68818da7bed278bdedda694c84a0c0e23ab/store/fill/780/440/11c79d1473f0a58d1b48ef3f6ac34eea5177cb09cb160c566930e7a5a7b8/%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%B8.jpeg">
<div id="new-cent">Дороги</div>
<div id="new-text">Знали ли вы о том, что наша страна пытается улучшить дороги, но не хватает средств на это всё.</div>
</div>
<div id="new">
<div id="new-cent">Школа</div>
<div id="new-text">Школа - это ад для неудачников.</div>
</div>
</div>
</div>
css:
#wrap {
margin-top: 10px;
display: grid;
grid-template-columns: 15% 84%;
grid-gap: 1%;
}
#test {
margin-left: 5px;
height: 400px;
background: #e3e129;
border: 2px solid #33332e;
border-radius: 5px;
position: fixed;
}
#news {
text-align: center;
font-size: 45px;
font-family: 'Anton', sans-serif;
height: auto;
border-radius: 10px;
margin-right: 5px;
display: grid;
grid-template-columns: 32% 32% 32%;
grid-gap: 1%;
}
#new {
margin-right: 1%;
margin-left: 1%;
margin-top: 0.75%;
border: 3px solid #d1635a;
background: #d18066;
border-radius: 7.5px;
}
#new>img {
width: 100%;
height: auto;
border-radius: 10px;
}
#new-cent {
text-align: center;
font-family: 'Anton', sans-serif;
font-size: 35px;
}
#new-cent:hover {
color: #264504;
cursor: pointer;
}
#new-text {
text-align: center;
margin-top: 3px;
font-family: 'Anton', sans-serif;
font-size: 15px;
opacity: 0.6;
}
#cent {
display: flex;
justify-content: center;
font-family: 'Montserrat', sans-serif;
font-size: 30px;
}
#test>ul {
align-items: center;
margin-top: 5px;
}
ul>li {
margin-top: 3px;
font-size: 25px;
}
Как сделать, чтобы элемент с id test закрепился и в него не входили div'ы?
Простой
