/* styling elements in the header with the navigation class (ul - unordered list) */ header .navigation { position: relative; display: flex; } /* styling li(list) elements in the header with the navigation class (ul) */ header .navigation li { list-style: none; margin-left: 30px; } /* styling links(a) in li(list) elements in the header with the navigation class (ul) */ header .navigation li a { text-decoration: none; color: #000; font-weight: 300; } /* styling links(a) in li(list) elements in the header with the navigation class (ul) after hover action*/ header .navigation li a:hover { color: #ff0157; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter