Im creating a web app and I need to know how to align images with text. Right now, I have this:
[![enter image description here](https://i.stack.imgur.com/Xy9Th.png)](https://i.stack.imgur.com/Xy9Th.png)

What I want it to have the image on the left with it description on the right. The code Im using is this:

```
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="https://images-na.ssl-images-amazon.com/images/I/91epzdXTTHL._SX300_.jpg" alt="Lights" style="width:20%">
      <div class="caption">
        <pelicula tipo="accion" calificacion="Mayores de 13" estreno="26 de abril de 2019" ></pelicula>
        <titulo>Titulo: Avengers Engame</titulo><br />
        <director>Dirección: Joe and Anthony Russo</director><br />
        <productor>Producción: Kevin Feige</productor><br />
        <guion>Guión: Cristhoper Markus y Stephen McFeely</guion><br />
        <musica>Música: Alan Silvestri</musica><br />
        <duracion>Duración: 181 minutos</duracion><br />
        <productora>Productora: Marvel Studios</productora><br />
        <Presupuesto>Presupuesto: 356.000.000 $</Presupuesto><br />
        <Recaudacion>Recaudación: 2.800.000.000 $</Recaudacion><br /
        <Comentarios> Comentario: Una de las peliculas mas esperadas del año. El desenlace final la guerra del infinito. </Comentarios><br />
      </div>
    </div>
  </div>
</div>

```