So i'm building an portfolio for myself, but I just cannot put the second h2 tag in the center of the div..
This is what the end result should look like:
Photo — imgbb.com[
^]
This is the original photo:
face — imgbb.com[
^]
I hope someone can help
What I have tried:
/*Index.html*/
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>
<title>Debaveye Elias</title>
</head>
<body>
<div class="head">
<img src="images/face.jpg" id="face" alt="">
<h1 class="head">Debaveye Elias</h1>
<h2 class="head" >A C# software developer</h2>
</div>
</body>
</html>
/*Style.css*/
@import url(https:
div.head img#face {
width: 450px;
height: 450px;
}
div.head {
background: rgba(187, 200, 133, 1);
margin: auto;
display: block;
margin-left: auto;
margin-right: auto;
position: center;
width: 1088px;
height: 450px;
}
div.head h1{
display: inline-block;
font-family: Raleway;
color: #FFF;
font-size: 70px;
overflow: hidden;
padding-left: 65px;
padding-bottom: 187px;
font-weight: lighter;
}
div.head h2 {
display: inline-block;
margin-top: 0px;
font-family: Raleway;
color: #000;
font-size: 50px;
font-weight: lighter;
}