When I set a fixed width for my 'left box', the width shrinks if the content on the right is too long. How can I prevent this from happening?
.flex {
display: flex;
}
.left {
width: 10px;
height: 10px;
border: 1px solid;
}
.right {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}<div class="flex">
<div class="left">
</div>
<div class="right">
hello world this and that etc hello world this and that etc hello world this and that etc hello world this and that etc hello world this and that etc
</div>
</div>