Код:
<!--HTML--><style>#devpost {width: 500px; padding: 5px; background-color: #fafafa; border: 1px solid #e0e0e0;} #devpost img {margin: 3px; display: inline-block; width: 420px; padding: 2px; background-color: #fff; border: 1px solid #e0e0e0;} .devposttitle {margin-bottom: 5px; letter-spacing: -1px; font: 30px raleway; font-weight: 900; color: #fff; padding: 30px; background-color: #222; text-align: justify; text-transform: uppercase;} .devposttitle sub {font: 10px cousine; letter-spacing: 0px; display: block;}</style><center><div id="devpost"><div class="devposttitle" style="background-color: #cda340;">

Что такое коллекции? Для чего они нужны? FAQ. <br>

<sub>
<br>

Нихао! Скоро у вас всех появятся вот такие штуки в разделах ваших анкет (личных страниц). А у кого-то, возможно они уже имеются.<br>
Чтобы всем было максимально понятно что это и для чего, я решил написать FAQ. Теперь мы переходим на новую систему поощрений, а это значит, за выполнения тех или иных заданий, вы собираете предметы из коллекций. Пропуская одно из заданий, вы уже не сможете получить предмет коллекции бесплатно, но можете выкупить его в банке (данная возможность появится позже). Прозрачные иконки - несобранный предмет, цветные - собранный.  В каждом конкурсе будет оглашать, что конкретно из коллекции, вы можете получить. <br><p>


</sub></div>



</div><div style="width: 500px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"></div></center>
Код:
<!--HTML-->
<center><div style="width: 460px; height: 500px;padding: 20px; background-color: #e9e9e9; border: 10px solid #fff; outline: 1px solid #eee;">
<div class="head1" style="background-color: #622582;">
КОЛЛЕКЦИИ</div>

 <body>
<div class="prokrutka">

<br><center> <b>КОКТЕЙЛИ</b></center><br>
<center>
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Beer-icon.png" width="60px" title="пивасик">
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Cocktail-Pina-Colada-icon.png" width="60px" title="пина колада"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Cocktail-Screwdriver-Orange-icon.png" width="60px" title="отвертка"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Cocktail-Tequila-Sunrise-icon.png" width="60px" title="текила санрайз"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Cocktail-Cuba-Libre-icon.png" width="60px" title="Куба либре"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://icons.iconarchive.com/icons/miniartx/drinks/128/Cocktail-Purple-Passion-icon.png" width="60px" title="маргарита"style="opacity:0.25;filter:alpha(opacity=25)"></center>

<br><center> <b>МЕДИЦИНА</b></center><br>
<center>
<img src="https://wordassociations.net/image/600x/svg_to_png/zeimusu_Hypodermic.png" width="60px" title="шприц"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="https://irecommend.ru/sites/default/files/product-images/29881/collagen.png" width="60px" title="ампулы"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://img.lenagold.ru/m/minst/medinst027.png" width="60px" title="стетоскоп"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="http://img.lenagold.ru/m/minst/medinst008.png" width="60px" title="градусник"style="opacity:0.25;filter:alpha(opacity=25)">
<img src="https://avatanplus.com/files/resources/mid/57d27849d00521570e25e07c.png" width="60px" title="пилюля"style="opacity:0.25;filter:alpha(opacity=25)">
</center>
</div>
  </body>



<style>


.head1 { color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 25px; letter-spacing: 1px; text-transform: uppercase; padding: 30px; border: 10px solid #eee; outline: 1px solid #fff; text-align: center; vertical-align: middle; line-height: 100%;
}
.prokrutka {
height: 360px;
width: 430px; 
background-color: white;
border: 10px solid #eee; 
outline: 1px solid #fff;
overflow-x: hidden; 
overflow-y: scroll; 
margin-top: 20px; 
font-family: 'Montserrat';
color: #555555; 
sans-serif; 
font-size: 13px; 
text-transform: uppercase;
 
}
</style>