<div class="container">
<div class="row">
<div class="col-md-6">
<div class="menu-item">
<div class="menu-item-details">
<div class="menu-item-desc"><a href="#" class="image-popup">Grill Salmont</a></div>
<div class="menu-item-dot"></div>
<div class="menu-item-prices">
<div class="menu-item-price">$46</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
<div class="menu-item">
<div class="menu-item-details">
<div class="menu-item-desc"><a href="#" class="image-popup">Lemon Meringue </a></div>
<div class="menu-item-dot"></div>
<div class="menu-item-prices">
<div class="menu-item-price">$32</div>
</div>
</div>
<p>Quibusdam sapiente delectus vitae aspernatur, suscipit tempora</p>
</div>
<div class="menu-item">
<div class="menu-item-details">
<div class="menu-item-desc"><a href="#" class="image-popup">Fried Potatoes </a></div>
<div class="menu-item-dot"></div>
<div class="menu-item-prices">
<div class="menu-item-price">$62</div>
</div>
</div>
<p> rerum non dolorem doloribus ipsa, neque quis id nam iure </p>
</div>
<div class="menu-item">
<div class="menu-item-details">
<div class="menu-item-desc"><a href="#" class="image-popup">Miso chicken </a></div>
<div class="menu-item-dot"></div>
<div class="menu-item-prices">
<div class="menu-item-price">$15</div>
</div>
</div>
<p>optio reprehenderit. Atque voluptatem, iure.</p>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap" rel="stylesheet">
<style>
.menu-holder , .menu-item{
float:left;
width:100%;
position:relative;
}
.menu-item {
padding:0px 20px;
}
.menu-item-details {
display:table
}
.menu-item-desc {
padding-right: 5px; font-family: 'Roboto Condensed', sans-serif;
font-weight:bold;
text-align:left;
font-size:20px;
display: table-cell;
white-space: nowrap;
width: 10%;
line-height:15px;
text-align:left;
}
.menu-item-dot {
display: table-cell;
width: 88%;
border-bottom: 1px dotted #000;
}
.menu-item-price {
text-align:left;
font-size:24px;
color: #F44334;
font-weight: 600;
}
.menu-item-prices {
display: table-cell;
white-space: nowrap;
width: 2%;
padding:10px 0 0 10px;
text-align:left;
}
a { color: #333;}
</style>