Zeilen linksbündig und auf einer "Linie"

[ritto]

Der Text unter dem Bild ist um einige Leerzeichen eingerückt. Wie schaffe ich es, ihn bündig zu dem Text über dem Bild zu stellen?
Hier ist der Quellcode:

<section class="wrapper base-fsize-16"  >
        <div class="row margin-bottom-small margin-m-bottom-medium">
            <div class="col col-12 relative overflow-h">
                <div class="text-container oblique-box">
        </div>     
  <div class="row align-x-center">
            <div class="col col-8 col-d-12 align-x-center">
                <div class="row margin-bottom-large">
                    <div class="col col-12 col-t-12 col-m-12">
                        <div class="row margin-bottom-large margin-m-bottom-small">

                        </div>
                    </div>                   
<div class="row align-x-center">       
<div class="col col-12 col-d-12 align-x-center">
  <div class="align-x-center">
   <div class="col col-12 col-t-12 margin-t-bottom-small">
<div class="col col-12 col-t-12 col-m-12">
   <div class="align-x-center">
<div class="col col-12 col-t-12 col-m-12">
<h2 class="h1 margin-bottom-small margin-top-medium"><font color=#64b32b>TEXT</font></h2></div>

<div class="row margin-bottom-large margin-top-medium align-x-left"><br><br><p >TEXT  </p>
<div>
<div class="col col-12 col-t-12 col-m-12">
       <div class="row margin-bottom-large margin-top-medium align-x-center">
                            <a href="LINK"><img alt="TEXT" src="QUELLE"></a>
                        </div>
</div>
<div class="col col-12 col-t-12 col-m-12 align-x-left" >
                                <p class="margin-top-medium">
TEXT
<br><br>
TEXT
<br><br>
TEXT
                           </p>
<a id="TEXT"> </a>
</div>
</div>
 </div>
 </div>
</div>
</div>
 </div>
 </div>
 </div>
 </div>
</section>
<center><hr style="height: 1px; width: 30%; background-color: #D8D8D8; border: 0; align: center" /></center>