У меня довольно большая проблема c. До сих пор я использовал только bootstrap, поэтому сейчас я пытаюсь узнать больше о css. Я хотел бы получить эти кнопки под текстом заголовка! Спасибо! Единственное решение, которое я нашел, было 4x разрыв строки XD
https://i.stack.imgur.com/AMtRh.png
.jumbotron{
height: 60vh;
width: 100%;
background-color: #484848;
}
.prologue{
color: white;
top: 50px;
width: 50%;
margin: 10% auto;
}
.prologue h1{
font-size: 60px;
}
.prologue a{
border: 1px solid black;
background-color: black;
color: white;
border-radius: 5px;
font-size: large;
margin: 3px;
padding: 5px;
text-decoration: none;
}
.prologue a:hover{
background-color: white;
color: black;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<html>
<body>
<header>
<div class="header">
<div class="container">
<h1>Untilted</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</header>
<div class="jumbotron">
<div class="container">
<div class="prologue">
<h1>Welcome on this website..</h1>
<a href="#">Our Work</a>
<a href="#">Contact</a>
</div>
</div>
</div>
</body>
</html>