Начал изучать HTML.
Взял макет, по которому буду делать, и столкнулся сразу с первой проблемой.
Создал границы с белым фоном и не могу понять, как вставить туда текст.
Получается, текст или в центре рамки, или так, что невозможно его вставить в рамку.
* {
padding: 0;
margin: 0;
}
body {
font-family: 'Open Sans', sans-serif;
background-color: #0b2838;
}
p {
margin-left: 47%;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-size: 34px;
}
.header__logo {
color: #fff;
}
.menu {
padding: 0;
margin-left: 33%;
}
li {
list-style: none;
}
ul a {
font: left;
padding: 30px;
text-decoration: none;
color: #fff;
}
#header {
background: #e23454;
border-bottom: 0px solid #000;
}
.borderwhite {
margin: 0 auto;
border: 400px solid #fff;
background-color: #fff;
border-radius: 10px;
width: 100px;
display: flex;
}
.profilename {
color: #0e4d66;
margin-left: 600px;
margin-top: 400px;
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<header>
<div class="header__logo">
<p>БиСтайл</p>
</div>
<ul class="menu">
<a href="">ПОРТФОЛИО</a>
<a href="">TWITTER</a>
<a href="">FACEBOOK</a>
<a href="">VK</a>
<a href="">GOOGLE+</a>
</ul>
<div class="oneplace">
<h1 class="profilename">Иванов Сергей Васильевич</h1>
<div id="first" class="borderwhite" align="center">
</div>
</div>
</header>