JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

как классу .title сделать максимальную ширину до класса .some? в принудительно растягивать в пикселях не подходит
<br><br><br>
    
<div class="block">
    <div class="title">title</div>
    <div class="some">some</div>
</div>
    
<br/><br/>
    
<div class="block2">
    <div class="title2">title</div>
    <div class="some2">some</div>
</div>

CSS

.block {
    white-space:nowrap;
    display: inline-block;
    width: 50%;
    border: 1px solid silver;
}
.title {
    display: inline-block;
    background: silver;
    margin: 0 100px 0 0;
}
.some {
    display: inline-block;
    float: right;
}


.block2 {
    position:relative;
    width:50%;
    border: 1px solid silver;
}
.title2 {
    background:silver;
}
.some2 {
    position:absolute;
    top:0;
    right:0;
    background:white;
}