JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="dostavka clearfix">
<div class="group-left">
<div class="dostavka_1">г.Москва</div>
</div>
<div class="group-right">
<div class="dostavka_1">1200р.</div>
</div>
</div>

CSS

.clearfix{
  clear:both;
}
.clearfix:before, .clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.dostavka {
     border: 2px solid #434242;
     margin: 5px 0;
     white-space: nowrap;
        }
 
.dostavka_1 {
    padding: 0 10px;
    border: none !important;
    margin: 0 !important;
    }
    
.group-left {
    float: left;
}
 
.group-right {
    float: right;
}