title: HTML have text be right to a figure with image slider
body: <p>So currently I have an image slider at the left side, but the figure in that slide is set to width: 500%, I want to have text to the right of this figure, but when I try to put text there, it drops down below the image. I need text to the right of the figure image slider and the image on the left side.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#imgslide {
    width: 550px;
    height: 300px;
    position: relative;
    overflow: hidden;
  }
  #imgslide figure img {
    opacity: .7;
    filter: alpha(opacity=70);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    width: 20%;
    float: left;
    border-radius: 10px;
  }
  #imgslide figure img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    width: 23%;
    display: block;
    z-index: 999;
  }
  #imgslide figure {
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 15s slidy infinite;
  }
  /* Keyframes */
  
  @keyframes slidy {
    0% {
      left: 0%;
    }
    20% {
      left: 0%;
    }
    25% {
      left: -100%;
    }
    45% {
      left: -100%;
    }
    50% {
      left: -200%;
    }
    70% {
      left: -200%;
    }
    75% {
      left: 0%;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="imgslide"&gt;
    &lt;figure&gt;
      &lt;img src="https://placeholdit.imgix.net/~text?txtsize=52&amp;txt=550%C3%97300&amp;w=550&amp;h=300" alt=""&gt;
      &lt;img src="https://placeholdit.imgix.net/~text?txtsize=52&amp;txt=550%C3%97300&amp;w=550&amp;h=300" alt=""&gt;
      &lt;img src="https://placeholdit.imgix.net/~text?txtsize=52&amp;txt=550%C3%97300&amp;w=550&amp;h=300" alt=""&gt;
    &lt;/figure&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>