Reports

How do I right align div elements?

For my purposes (a letter), margin-left: auto with max-width: fit-content worked better than the answers thus far posted here:

<head>
    <style>
    .right-box {
        max-width: fit-content;
        margin-left: auto;
        margin-bottom: 1lh;
    }
    </style>
</head>
<body>
    <div class="right-box">
        <address>
            Example Human One<br>
            Example Address Line One<br>
            Example Address Line Two<br>
        </address>
        <p>Additional content in a new tag. This matters.</p>
    </div>
    <address>
        Example Human Two<br>
        Example Address Line One<br>
        Example Address Line Two<br>
    </address>
</body>

79726365