JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="case one">Lorem ipsum</div>
  <div class="case two">Lorem ipsum<br/>dolor sit amet</div>
  <div class="case three"></div>
</div>

CSS

body {
    margin:0;
    padding: 8px;
}

.wrapper:before {
    content: '';
    position:absolute;
    width:100%;
    border-bottom:1px dashed red;
    top:109px;
    left:0;
}
.wrapper:after {
    content: 'baseline';
    color:red;
    font-size:16px;
    padding-left:2em;
}

.case {
    border:1px solid black;
    display:inline-block;
    font-size:32px;
}

.two {
    padding-bottom:30px;
}

.three {
    width: 100px;
    height: 100px;
}