I was trying to have one element that is an image of the left and text on the right but all in the same row. When I try a few different ways sometimes the image and the text stay on the left of the image grows when I didn't tough the size. I put a background color in the row\_2 element and the element is not aligned with the image or the text the element is at the bottom about 200 px and the image and text are above that can get some help?

```css
 #row_2{
  width: 60%;
  height: 35%;
  background-color: aqua;
 }

 #text_container2{
  position: relative;
  float: right;
  bottom: 25%;
  width: 800px;
  height: 100px;
 }

 #container_2{
  position: relative;
  margin-left: 10%;
  float: left; 
  width: 50%;
  height: 50%;
 }

  #balle_size{
  height: 100%;
  width: 100%;
 }
```

```html
  <div id="row_2">
   <div id="container_2">
    <img src="https://hgtvhome.sndimg.com/content/dam/images/hgtv/stock/2018/2/27/0/iStock-purple-geraniums-542945456.jpg.rend.hgtvcom.966.725.suffix/1519754224444.jpeg"  alt="image" id="balle_size">
   </div>

   <div id="text_container2">
    <p>words words more words and words </p>
   </div>
  </div>
```