Simple Horizontal List

Developer
Jeremy Caris
Size
1,657 Kb
Views
16,192
  1. Simple Horizontal List Previews
  2. Simple Horizontal List HTML Codes
  3. Simple Horizontal List CSS Codes

How do I make an simple horizontal list?

What is a simple horizontal list? How do you make a simple horizontal list? This script and codes were developed by Jeremy Caris on 06 November 2022, Sunday.

Simple Horizontal List Previews
IQ Test

Simple Horizontal List - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Simple Horizontal List</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="horz-list">
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
<li><a href="#">four</a></li>
<li><a href="#">five</a></li>
</ul>
</div>
</body>
</html>

Simple Horizontal List - Script Codes CSS Codes

body { background: #ececec; padding: 80px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 20px;
}
a { color: #000; text-transform: uppercase;
}
#horz-list ul { margin: 0; padding: 0; list-style-type: none; text-align: center;
}
#horz-list ul li { display: inline;
}
#horz-list ul li a { text-decoration: none; padding: 0.2em 1.1em; border-right: 1px solid #ccc; margin: 0 0 0 -6px;
}
#horz-list ul li:last-child a { border:none;
}
#horz-list ul li a:hover { background: rgba(255,255,255,0.8);
}
Simple Horizontal List - Script Codes
Simple Horizontal List - Script Codes
Home Page Home
Developer Jeremy Caris
Username jeremycaris
Uploaded November 06, 2022
Rating 3
Size 1,657 Kb
Views 16,192
Do you need developer help for Simple Horizontal List?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jeremy Caris (jeremycaris) Script Codes
Name
Responsive Testimonial Quote Bubble
Typography with Vertical Rhythm
A Pen by Jeremy Caris
Responsive Pricing Table
HTML Sample Page with Common Elements
Make phone number a click to call link with jQuery
Vertical center div Test
JQuery Test
Img Hover Test 2
Img Hover Test
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!