JSFiddle - React, Tailwind, and code Playground

HTML

<script src="blueprint"></script>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div id='TOP'>
            <div id='TOP_LEFT'>Some Text Some Some Text Some Some
               Some Text Some Some Text Some Text Some
               Some Text Some Some Text Some Some Text Some
               Some Text Some Some Text Some Some Text Some</div>
            <div id='TOP_MID'>xxx</div>
            <div id='TOP_RIGHT'>
                <div id="LOGIN_LINKS">
                    <span id="login">Login</span>&nbsp;&nbsp;
                    <span id="registr">Register</span><br />
                    <span id="forgotpwd">Forgot Pwd</span>&nbsp;&nbsp;
                    <span id="logout">Logout</span>
                </div>
            </div>
        </div>
    </body>
</html>

CSS

#TOP { width: 950px; margin: 0 auto; }
#TOP_LEFT { float: left; margin-right: 10px; width: 150px; }
#TOP_MID { float: left; margin-right: 10px; width: 150px; }
#TOP_RIGHT { float: left; margin-right: 10px; margin-right: 0; width: 150px; }

JavaScript

$(document).ready(function() {
    $(hash("#LOGIN_LINKS")).position({
        my: "bottom center",
        at: "bottom center",
        of: "#TOP_RIGHT"))
    });
}