Запустить
<!doctype html> <html lang="ru"> <head> <title>Bootstrap 4 - Примеры оформления заголовков (вариант 10)</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 { text-align: center; margin-bottom: .5rem; } .header-h1 h1 { display: inline-block; background: #0097a7; color: #fff; margin-bottom: 0; padding: .5rem 1rem .625rem 1rem; font-size: 1.5rem; text-transform: uppercase; border-radius: 30px; } </style> </head> <body> <!-- Контент страницы --> <div class="container"> <h1 class="h4 text-center my-5">Bootstrap 4 - Примеры оформления заголовков (вариант 10)</h1> <div class="header-h1"> <h1>Название заголовка</h1> </div> <br> </div> </body> </html>