Current Assignment(s)
P2: The Instructables Site
Due: Recommended by Monday, 6.04
Due: Recommended by Monday, 6.04
Adding Link Content
To add links using HTML structural elements, you’ll need to weigh appearance versus accessibility.
Flat Text
To get a “horizontal” nav without much styling, you can simply add <a href=""> contents, separated with a visual signifier like vertical bars ( | , written with escape name | ), interpunct ( · , written with escape name · ), or additional spaces ( each created with escape name ).
Lists
However, lists are preferred by screen-reader technologies as it increases the accessibility of the navigation.
NOTE: Adding the property li {display: inline} to the page <style> will visually align the list items horizontally like the previous option, without sacrificing accessibility.