<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src="https://kit.fontawesome.com/1935d064dd.js" crossorigin="anonymous" ></script> <!-- CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" /> <link rel="stylesheet" href="styles.css" /> </head> <body> <div class="container"> <div class="row box"> <div class="col-md-6"> <p>Share this on Twitter.</p> <form action=""> <textarea cols="30" rows="5" class="form-control fs-5"> Hello</textarea > <div class="button d-flex justify-content-end align-items-center mt-2" > <span class="limit px-3 fs-4">80</span> <button class="btn btn-primary">Tweet</button> </div> </form> </div> </div> </div> <script src="script.js"></script> </body> </html>