Untitled

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css">
        <script src="https://kit.fontawesome.com/85948f73ba.js" crossorigin="anonymous"></script>

        <style>
            .container {
                display: flex;
                align-items: center;
            }
            .container.space-between {
                justify-content: space-between;
            }
            a {
                font-weight: bold;
            }

            .myicon {
                vertical-align: middle;
                font-size: 30px;
            }

            .title {
                font-weight: bold;
                font-size: 40px;
            }
        </style>
    </head>

    <body>

                <div class="container space-between">
                    <span class="title">John Appleseed</span>
                    <span style="padding-left: 150px;"></span>
                    <a href="https://www.google.com"><span class="myicon fa-solid fa-file"></span></a>
                    <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer"><span class="myicon fa-solid fa-at"></span></a>
                    <a href="https://github.com/"><span class="myicon fa-brands fa-github"></span></a>
                    <a href="https://www.linkedin.com"><span class="myicon fa-brands fa-linkedin-in"></span></a>
                </div>

    </body>
</html>