Как получить сторону кнопки к изображению

Question

У меня есть страница, в которой я хочу отобразить кнопку с правой стороны к изображению, поэтому она выглядит как кнопка изображения и, таким образом, как петля, где подразумевается загрузка, но я не хорошо в css, и я пробовал, как показано ниже, но это не исправляет мое требование. Может кто-нибудь, пожалуйста, настройте мой код. Спасибо заранее.

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="nobottommargin"> 
       <div> 
        <div class="pressImg col-xs-12 col-sm-6 col-md-3"> 
         <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <button class=" col-xs-12 col-sm-6 col-md-3 btn btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

возможно это?

img.the-image-class + .the-button-class { 
    display: block; 
    margin-top: -20px; /* to move button 20px above from original position */ 
} 

Answer 2

Посмотрите на output я думаю, что HTML не был отформатирован хорошо.

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="row"> 
       <div class="pressImg col-xs-6 col-sm-6 col-md-6"> 
        <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
       </div> 
       <div class="col-xs-6 col-sm-6 col-md-6 "> 
        <button class="btn btn-sm btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
       </div> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
     </div> 
    </div> 
</section> 

Answer 3

May be like this, 

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="nobottommargin"> 
       <div class="clearfix"> 
        <div class="pressImg col-xs-12 col-sm-6 col-md-3"> 
         <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 

        </div> 
        <button class=" col-xs-12 col-sm-6 col-md-3 btn btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 

        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners" > 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners" > 
        </div> 




      </div> 
     </div> 
    </div> 
    </section>