<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <h2>Новости культуры</h2>
        <ul>
            <li>новости</li>
            <li>обзоры</li>
            <li>музыка</li>
            <li>архитектура</li>
            <li>кино</li>
            <li>театр</li>
            <li>литература</li>
            <li>религия</li>
            <li>живопись</li>
        </ul>    
    </header>    
    
    <main></main>
    
    <footer></footer>
</body>
</html>
body{
    margin:0;
}
header{
    display: flex; 
    width: 100%;
    flex-direction: column;
    justify-content: center;
}
h2{
    display: flex; 
    justify-content: center;
}
ul{ 
    display: flex; 
    padding: 0;
    text-transform:uppercase;
    list-style:none;
    justify-content: center;
}
header ul li{padding: 0 10px;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.