Positionierung von Elementen in einer Reihe ohne Flexbox ⇐ CSS

[Anonymous]

Ich muss Element A neben Element B in einer Zeile haben, damit Element B und sein unterer Rand den gesamten linken Raum überspannen und die Breite von Element A nicht im Voraus bekannt ist.
Ich habe versucht, display: inline-block auf B zu verwenden, aber dann erscheint es in der nächsten Zeile und mit nur display: inline kann ich seinen unteren Rand nicht über die rechte Seite des Bildschirms erstrecken
Codepen eingeschlossen: https://codepen.io/bbluszcz/pen/Xyywqx?editors=1100
Wichtig: Aus bestimmten Gründen kann ich Flexbox nicht verwenden

Code: Select all

.a {
display: inline;
padding: 4px;
}

.b {
display: inline-block;
/*       display: inline; */
width: 100%;
border-bottom: 1px dashed green;
}

Code: Select all

 Element A :
Element B