blob: b6952ed76731914339943754acaa49021c5e2fa7 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
#tests div {
width: 100px;
margin-bottom: 20px;
border: 1px solid #000000;
font: 20px/1 Ahem, sans-serif;
}
</style>
</head>
<body>
<div id="tests">
text-align-last : start
<div style='text-align: justify; -webkit-text-align-last: start;'>X X X XXX</div>
text-align-last : end
<div style='text-align: justify; -webkit-text-align-last: end;'>X X X XXX</div>
text-align-last : left
<div style='text-align: justify; -webkit-text-align-last: left;'>X X X XXX</div>
text-align-last : right
<div style='text-align: justify; -webkit-text-align-last: right;'>X X X XXX</div>
text-align-last : center
<div style='text-align: justify; -webkit-text-align-last: center;'>X X X XXX</div>
text-align-last : justify
<div style='text-align: justify; -webkit-text-align-last: justify;'>X X X XX X</div>
</div>
<p>Since text-align is justify, text-align-last property should be respected,
thus the alignment of the last line in each box should be as defined by text-align-last.</p>
</body>
</html>