title: How to align text center and image right in one div using bootstrap 4
body: <pre><code>                                        Text                            Image
  </code></pre>
  
  <p>I want to align the text in the center and image on the right in bootstrap but i am unable to do so</p>
  
  <p>this is my html code</p>
  
  <pre><code>&lt;div class="english-Box"&gt;
          &lt;h1 class="text-center color-English"&gt;English&lt;/h1&gt;
      &lt;img class="eng-Img" src="images/abc.png"&gt;&lt;/img&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>this is the css code </p>
  
  <pre><code>.eng-Img{
     float:left;
    }
  .color-English{
      padding-top: 14px;
      color: #7952b3;
      font-family: 'PT Sans', sans-serif;
      font-size: 25px !important;
      letter-spacing: 2px;
    }
  
    .english-Box{
      border-radius: 5px;
      Border:1px solid #7952b3;
      height: 60px;
      width:20%;
      display: block;
      margin:0 auto 80px auto !important;
      float: none;
  
    }
  </code></pre>