Запустить
<!doctype html> <html lang="ru"> <head> <title>Bootstrap 4 - Примеры оформления заголовков (вариант 5)</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link href="/examples/vendors/bootstrap-4/css/bootstrap.min.css" rel="stylesheet"> <style> .header-h1 h1 { padding-bottom: .125rem; border-top: .125rem solid #000; border-bottom: .125rem solid #000; font-size: 1.5rem; text-transform: uppercase; text-align: center; } .header-h1-left h1 { text-align: left; } .header-h1-right h1 { text-align: right; } </style> </head> <body> <!-- Контент страницы --> <div class="container"> <h1 class="h4 text-center my-5">Bootstrap 4 - Примеры оформления заголовков (вариант 5)</h1> <div class="header-h1"> <h1>Название заголовка</h1> </div> <br> <div class="header-h1 header-h1-left"> <h1>Название заголовка</h1> </div> <br> <div class="header-h1 header-h1-right"> <h1>Название заголовка</h1> </div> </div> </body> </html>