Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <style> html, body { height: 100%; background: transparent; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-6 align-self-center"> <div class="card card-body">Text</div> </div> <div class="col-6"> <div class="card text-white bg-danger"> <div class="card-body"> <h3 class="card-title">Taller box</h3> <p class="card-text"> HTML, an acronym for HyperText Markup Language, is a primary markup language for creating websites. It consists of a series of codes used to structure texts, images, and other content to be displayed in a browser. </p> </div> </div> </div> </div> </div> </body> </html>