If you ever have the need to convert an unordered list to a single row, let’s say for navigation creation or something to that effect. Within your CSS file, you’ll want to put the following code in:
If you keep the code above in this order, your IE, Chrome, Safari, Opera, etc. browsers will ignore the second line. The result will be a horizontal list of <li> items within a <ul> tag.