5
--
<!DOCTYPE html>
<meta name="robots" content="noindex, nofollow">
<html>
<head>
<title>Experiment: Test Align Property | LambdaTest</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<style>
body{
background: #000;
font-size: 13px;
}
.main-div{
width: 500px;
margin: 0px auto;
display: block;
background: #fff;
height: 400px;
margin-top: 40px;
padding: 30px;
}
div.a {
text-align: justify; /* For Edge */
-moz-text-align-last: right; /* For Firefox prior 58.0 */
text-align-last: right;
}
div.b {
text-align: justify; /* For Edge */
-moz-text-align-last: center; /* For Firefox prior 58.0 */
text-align-last: center;
}
div.c {
text-align: justify; /* For Edge */
-moz-text-align-last: justify; /* For Firefox prior 58.0 */
text-align-last: justify;
}
</style>
<!-- Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-833407987');
</script>
<!-- Google Tag Manager -->
</head>
<body>
<h1>The text-align-last Property</h1>
<div class="main-div">
<h2>text-align-last: right:</h2>
<div class="a">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</p>
</div>
<h2>text-align-last: center:</h2>
<div class="b">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</p>
</div>
<h2>text-align-last: justify:</h2>
<div class="c">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</p>
</div>
</div>
</body>
</html>
Experiments • HTML