Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>58 and 59 CSS text play</title>
<style>
body {
background-color:black;
font-family: cursive;
font-style:oblique;
}
h1 {
text-align: center;
color: white;
text-shadow:4px 3px grey, 6px -1px greenyellow;
font-size: 15vh;
word-spacing: 0.5em;
unicode-bidi: normal;
letter-spacing:1vw;
}
h2 {
color:red;
}
h3 {
color:green;
}
img.knights {
float:left;
width: 360px;
height: 240px;
}
img.eldar {
width:360px;
height:240px;
}
</style>
</head>
<body>
<h1>Warhammer 40000</h1>
<h2>Blood Angels</h2>
<img class="knights" src="https://i.ytimg.com/vi/tHRJ7AFW3ec/maxresdefault.jpg" alt="three Knights"><br>
<h3>Eldar</h3>
<img class"eldar" src="https://images-na.ssl-images-amazon.com/images/I/51Sp1LSEFbL._SX425_.jpg" alt="Khaine the Bloody Handed God">
</body>
</html>
No comments:
Post a Comment