<section class="content__container">
<div class="share__btn__container">
<!-- THE TWITTER SHARE BUTTON TAG -->
<a
class="twitter-share-button"
target="_blank"
href="https://twitter.com/intent/tweet?text=I just published an article on how you can share a content to Twitter from client website"
data-size="large"
>
Share
</a>
</div>
</section>
<!-- TWITTER SCRIPT-->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
/* JUST FOR BETTER VIEW */
.content__container{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
width: 100%;
}
.share__btn__container{
border: 2px solid rgb(75,149,225);
width: 60%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.