<!doctype html><style>
html { background: white; }
.outer {
width: max-content;
padding: 10px;
background: pink;
}
.inner {
display: flex;
background: orange;
}
</style><body class="outer"><div class="inner">this text should be all on one line