JSFiddle - React, Tailwind, and code Playground

by johannesMt

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-sm-6 border">
      Here is some text (Text A) <span style="font-size: 40px">Text B</span>
    </div>
    <div class="col-sm-6 bottom-align">
      This text needs to be (bottom) ed with Text A in previous cell.
    </div>
  </div>
</div>

CSS

.row {
      position: relative;
  }

  .bottom-align {
    position: absolute;
    bottom: 0px;
    right: 0;
    border-bottom: 1px solid red;  
  }
.border{
    border-bottom: 1px solid blue; 
}