I want to align the image to left, then its title then the text below it.   

Here is the [screenshot](https://ibb.co/kKOAH9) of what I want to make.  

I have made `DIV` for each content. I dont know if its okay to do that.  

I made it, because I ll have more control for individual content.

But I havent ben able to do so.   

```css
.howtocontainer {
  height: 1985px;
  width: 1121px;
  background-image: url("//azlily.bex.jp/eccube_1/html/template/default/img/howto/background.png");
}

.firstsection {
  /*background: rgb(255,255,255,0.3);*/
  background: grey;
  height: 200px;
  position: relative;
  top: 300px;
  margin: 0 40px 0 40px ;
}

.firstpic {
  padding-top: 20px;
}

.firstsecbanner {
  float: right;
  margin-right: 500px;
  margin-top: -15px;
}
```

```html
<div class ="howtocontainer">

  <div class="firstsection">

    <div class="firstpic">
      <img src="https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&h=350">
    </div>
    <div class="firstsecbanner">
      <img src="https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&h=350">
    </div>
    <div class="firstsectext">
      お好みの量（目安はピンポン玉大です）を手に取って、パートナーの性感帯を指の腹や手のひらで優しくマッサージ<br>
      してください。<br>
      最初は背中や首筋、そして胸などと、段々と敏感な部分へ伸ばしていくと、ヌルヌルと滑る感覚が気持ちよく、エロ<br>
      ティックな気分を高めることができます。<br><br>

      性感帯は塗った部分が敏感になり、ただ触れるだけでも極上の気持ち良さ。<br>
      シュチュエーションに合わせてラブローションの香りを変えたりしながら楽しみ方を<br>
      見つけてください。
    </div>

  </div>

  <div class="secondsection"></div>
  <div class="thirdsection"></div>

</div>
```

---

All I did was Included image and text in one `DIV`   

But gave a class to image by `<img class="class" src"path" >`   

Then I did `float:left` to `.img class`.