40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!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>
|