<!DOCTYPE html><html><head><metacharset="utf-8"><title>SiteName</title><linkrel="stylesheet"href="stylesheet.css"></head><body><divclass="header"><divclass="header-logo">SiteName</div><ul><li>何を勉強すべきか</li><li>HTML何もわからん人へ</li><li>CSSも何もわからん人へ</li></ul></div></body></html>@charset"UTF-8";.header{width:100%;height:90px;background-color:#00FF00;color:#fff;}.header-logo{font-size:36px;float:left;padding:20px40px;}.headerli{float:left;padding:33px20px;list-style:none;}できたもの
https://github.com/aki0207/header
こちらを参考にさせていただきました。
Progate