<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.