Расположение элементов в одну строку без флексбокса ⇐ Html

[Anonymous]

Мне нужно, чтобы элемент A находился рядом с элементом B в одной строке, чтобы элемент B и его нижняя граница охватывали все пространство слева, а ширина элемента A не была известна заранее.
Я пробовал использовать display: inline-block для B, но затем он всплывает на следующую строку и с помощью просто display: inline я не могу разместить его нижнее поле справа от экрана.
Codepen прилагается: https://codepen.io/bbluszcz/pen/Xyywqx?editors=1100
Важно: по каким-то причинам я не могу использовать flexbox

Код: Выделить всё

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

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

Код: Выделить всё

 Element A :
Element B 

Подробнее здесь: https://stackoverflow.com/questions/535 ... ut-flexbox