title: How do i make text stand center right to an img in html/css
body: <p>I want to make text stand next to an image(center)
  f.eks. I want to have 3 image and 3 paragraphs of text. Each paragraph standing center-right to one of the images. Is this possible?
  it feels like i have tried everything but nothing works.
  (sorry for my bad english)</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  img{
    max-width: 100%;
    position: absolute;
    left: 200px;
    top: 0px
  text-align: right;
  }
  .img-col{
    flex-basis: 50%
  }
  p{
    text-align: justify;
    vertical-align: middle;
  }
  span{
    vertical-align: middle;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
    &lt;div class="img-col"&gt;
      &lt;img src="Mundbind.jpg" alt="dani sutter" style="width:400px; height: 400px;"&gt;
    &lt;/div&gt;
    &lt;div class="text-col"&gt;
      &lt;span&gt;Hallo&lt;/span&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>