<div class="user">
    <h2>
      <span data-user-prop="first_name">First Name</span>'s Account
    </h2>
    <ul style="list-style:none">
      <li>Name: <span data-user-prop="first_name">First Name</span> <span data-user-prop="last_name">Last Name</span></li>
      <li>Username: <span data-user-prop="username">cool_username</span></li>
      <li>Email: <span data-user-prop="email">a@a.a</span></li>
    </ul>
    <p class="row">
        <a class="button" href="user/edit">Edit Your Profile</a>
        <a class="button" href="user/change-password">Change Password</a>
        <a href='user/redeem-codes' class='button'>Redeem Code</a>
        <a class="button" href="user/change-security-data">Change Security Data</a>
    </p>
</div>

<div class="user">
    <h2>
      <span data-user-prop="first_name">First Name</span>'s Account
    </h2>
    <ul class="o-list-bare">
      <li>Name: <span data-user-prop="first_name">First Name</span> <span data-user-prop="last_name">Last Name</span></li>
      <li>Username: <span data-user-prop="username">cool_username</span></li>
      <li>Email: <span data-user-prop="email">a@a.a</span></li>
    </ul>
    <p>
        <a class="button" href="user/edit">Edit Your Profile</a>
        <a class="button" href="user/change-password">Change Password</a>
        <a href='user/redeem-codes' class='button'>Redeem Code</a>
        <a class="button" href="user/change-security-data">Change Security Data</a>
    </p>
</div>

Change inline style to a class
Change inline style to a class
