уже дня три голову ломаю
h2 не хочет рядом с картинкой вставать
через костыли поставил справа от картинки
а сама картинка занимала всё полепо горизонтали
исправил написав display inline-block
хз чо делать

html
<div class="background2">
<sub class="specilities" >
S P E C I L I T I E S
</sub>


<img class="left-pic" src="../sork/icecream.jpg">
<h2 class="CHOCOLATE" align="right" >
CHOCOLATE PANCAKES
</h2>
<hr class="hr-chocolate" >
<aside class="CHOCOLATE-pan"><b>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at velit maximus, molestie est a, tempor magna.
</b></aside>
<p class="font-choco">
Integer ullamcorper neque eu purus euismod, ac faucibus mauris posuere. Morbi non ultrices ligula. Sed dictum, enim sed ullamcorper feugiat, dui odio vehicula eros, a sollicitudin lorem quam nec sem. Mauris tincidunt feugiat diam convallis pharetra. Nulla facilisis semper laoreet.
</p>
</div>
css

 h2{
    margin:0;
    padding-top:175px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 40px;
    color: #0c0c0c;
    
}
.CHOCOLATE{
    display: inline-block;
    color: #ffffff;
    margin-bottom: -10px;
}
.CHOCOLATE-pan{
    padding-left: 10%;
    padding-right: 47%;
    font-size: 20px;
    font-family: sans-serif;
    color: #ffffff;
    display: inline-block;
}
.font-choco{
    font-size: 30px;
padding-right:45% ;
padding-left:9% ;
font-family: sans-serif;
color: #ffffff;
display:inline-block;
}
hr{
    height: 5px;
    border: none;
    background-color:#FC0;
    color:#FC0;
    border-radius: 12px;
}
.hr-chocolate{
    display: inline-block;
    width: 5%;
    margin-top: 105px;
    margin-right: 20px;
    vertical-align:middle;
}
aside.CHOCOLATE-pan, p.font-choco {
    clear: both;
}
.background2{ 
    background: url("../sork/background2.jpg"); 
}
img{ 
    display: block; 
    height: auto; 
    width: 33%; 
    box-shadow: black 3px 2px  25px; 
    margin-right: 7%; 
    margin-top: 80px; 
    border-radius: 12px; 
} 

 .left-pic{
    margin-left: 10%;
    display: inline-block;
    height: auto;
    width: 33%;
    box-shadow: black 3px 2px  25px;
    margin-top: 80px;
    border-radius: 12px;
    vertical-align: middle;
    
}