index.html:
<!DOCTYPE html>
<html>
<head>
<title>Новостное агенство</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="black-bar">
<div class="fixed-container">
Самые <a href="#">свежие новости</a> в реальном времени
<div id="datetime">12:40 30.03.2021</div>
</div>
</div>
</div>
<div id="header">
<div class="fixed-container">
<img id="logo" src="img/logo.png">
</div>
</div>
sdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdg
</body>
</html>
style.css:
html, body{
margin:0;
padding: 0;
min-width: 1000px;
}
#black-bar{
background-color: black;
color: white;
padding: 20px 0;
}
#black-bar a{
color: white;
}
.fixed-container{
width: 960px;
margin: 0 auto;
}
.inline-block{
background-color: yellow;
padding: 10px;
width: 70px;
text-align: right;
margin-bottom: 10px;
display: inline-block;
}
#datetime{
float: right;
}
#logo{
position: relative;
top: 40px;
}
Простой
Простой
