Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .flexbox { display: flex; } .grey { background: #adadad; flex: 0 0 50px; overflow: hidden; white-space: nowrap; } .green { background: #32c962; flex: 1; } .blue { background: #3b66db; flex: 1; } </style> </head> <body> <div class="flexbox"> <div class="grey">Some really long text that should not overflow</div> <div class="green">2</div> <div class="blue">3</div> </div> </body> </html>