ボタン側を画像にする方法

Question

私はボタンを画像のちょうど側に表示したいので、画像ボタンのように見えるので、ダウンロードすることを意味するループのように見えますが、私は午前CSSではうまくいかず、私は以下のように試しましたが、それは私の要件に修正されません。いずれか1つは私のコードを調整してください。事前にありがとうございます。

<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がうまくフォーマットされていないと思います。あなたは文字通りまったくCSSを私たちに提供していない

<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>