JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.min.css">
    
    
<div class="col-sm-4">
  <div class="card">
    <div class="card-body">
      <a id="google-button" class="btn btn-block btn-social btn-google" >
        <i class="fa fa-google"></i>Sign In with Google
      </a>
    </div>
  </div>
</div>

CSS

.card-body{
  position:relative;
}
#google-button{
  position:absolute;
  border:1px solid black;
  margin:10px;
}