<!DOCTYPE html>
<html>
    <head>
        <style>
            a {
                font-family: Arial;
                text-rendering: geometricPrecision;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                white-space: nowrap;
            }
        </style>
    </head>
    <body>
        <a href="#">Show More News</a>
        <p>
            The link above should not wrap.
        </p>
    </body>
</html>