Как получить 2-ое бок о бок div только для отображения нижней границы

Question

Я просто хочу, чтобы второй div отображал нижнюю границу. Я либо получаю как div s с нижней границей, либо вообще ничего.

.container { 
 
    width: 75%; overflow: hidden; 
 
    border: 0; 
 
} 
 
.container div:nth-child(1) { 
 
    width: auto; float: left; height: 25px; 
 
    padding: 5px 20px; 
 
    background-color: white; 
 
} 
 
.container div:nth-child(2) { 
 
    margin-left: auto; height: 25px; 
 
    padding: 5px 20px; 
 
    background-color: ghostwhite; \t \t \t \t 
 
    border-bottom: 1pt solid black; 
 
}

<div class="container"> 
 
    <div>Div Left</div><div>Div Right</div> 
 
</div>

Answer 1

Использование дисплея: встроенный блок, вместо поплавка, как поплавок позволяет второму ДИВ занять место за первым.

.container { 
 
    width: 75%; 
 
    overflow: hidden; 
 
    border: 0; 
 
} 
 
.container div:nth-child(1) { 
 
    width: auto; 
 
    height: 25px; 
 
    padding: 5px 20px; 
 
    background-color: white; 
 
    display: inline-block; 
 
} 
 
.container div:nth-child(2) { 
 
    margin-left: auto; 
 
    height: 25px; 
 
    padding: 5px 20px; 
 
    background-color: ghostwhite; 
 
    border-bottom: 1pt solid black; 
 
    display: inline-block; 
 
}

<div class="container"> 
 
    <div>Div Left</div> 
 
    <div>Div Right</div> 
 
</div>