serenity/Tests/LibWeb/Layout/input/block-and-inline/float-left-and-right-with-justified-text-in-between.html
Andreas Kling e938860126 LibWeb: Make text justification work between floats
While inline content between floating elements was broken correctly,
text justification was still using the original amount of available
space (without accounting for floats) when justifying fragments.
2023-05-16 14:35:10 +02:00

25 lines
720 B
HTML

<style>
* {
font: 20px SerenitySans;
border: 1px solid black;
}
body {
margin-left: 250px;
text-align: justify;
}
.left {
float: left;
background: pink;
width: 300px;
height: 200px;
}
.right {
float: right;
background: wheat;
width: 300px;
height: 200px;
}
</style>
<div class=left></div>
<div class=right></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a placerat mauris, ut elementum mi. Morbi ut vehicula ipsum, eget placerat augue. Integer rutrum nisi eget dui dictum, eu accumsan enim tristique. Ut lobortis lorem eget est vulputate egestas. Integer laoreet lacinia ante sodales lobortis. Donec a tincidunt ante. Phasellus a arcu tortor.