Experiments • HTML

Test on LAMBDATEST    Test on LAMBDATEST


<!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>