probleme mit float...

[liebewinter]

ich versuche ein div nach Recht mit float zu bringen, ich schaffe der halfte, aber ich weiß nicht warum nicht mehr nach recht geht..

Der html Code,

<div class="container">

  
  
  <div class="card">
    
    <div class="card-body">
      <p class="card-title">Rucksack aus Hanf Gelbe mit Zwei Riemen</p>
      <p class="card-preis">Preis 40 &euro;</p>
      <div class="number-input ">
        <div class="label">Stück: </div>
        <div class="input-group quantity">
          <div class="input-group-prepend">
            <button class="btn btn-default btn-minus">
              <i class="fa fa-minus"></i>
            </button> 
          </div>
          <input class="form-control quantity" min="0" name="quantity" value="1" type="number">
          <div class="input-group-append">
            <button class="btn btn-default btn-plus">
              <i class="fa fa-plus"></i>
            </button>
          </div>
        </div>
      </div>
      <button class="btn btn-primary btn-block mt-4" type="buttom"  onclick='layer_show_3(event);' ><span>Zum warenkorb hinzufügen</span></button>
    </div>
     
    
  </div>
  
                           <!-- En el momento que se pulse sobre la capa transparente se cerrara -->
                       <div id="layerPreview-3" > </div>
                       <div id='layerPreviewContent-3'>
	                       <!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
	                      <div id="tittel-text">Erfogreich zum Warenkorb hinzugefügt<span id="closse-text"  onclick="layer_close_3(event);">Schließen</span></div>
	                      
                             <div class="text-pruduct">
                                <div class="float_text">
                                 <p>Anzahl der Artikel im Waremkorb: </p>
                                 <p>Wert des Warenkorbs: </p>
                                 
                                  
                                 </div>
                                 <div  class="bild-text">
                                     
                                     <img class="image-window" alt=""  src="/Rucksäcke/fenster/photo/113.jpg" /> 
                                   
                                      <p>Rucksack aus Hanf Gelbe</p> 
                                      <p>Stückzahl: <b>1</b></p>
                                      <p>Bruttopreis: <b>40 &euro; </b></p>
                                 </div> 
                                 <div class="ajax-product-block"> 
                                        <a class="button_weiter_einkaufen" href="lalo.php">weiter kaufen</a> 
                                        <a class="button_zum_warenkorbs" href="lalo.php">zum warenkorb</a>
                                 </div>
                                
                            </div> 
                        </div>    
  
                       
</div>

Hier ganze Code

Wenn klick Zum warenkorb hinzufügen wird einen Fenster öffnet.

Meine probleme ist der class float_text,(Gelbe farbe) ich versuche nach rechte bewege aber kann nicht...

Wie habe auf Css der class float_text

.float_text{ background-color: yellow; float: right;  display: block; margin-top: 3%;  } 

mit der class bild-text mache gleiche aber nach linke Seite, und bekomme wir ich möchte... das probleme ist mit .float_text...