Alignment Issue in HTML Navigation Menu
I'm creating a navigation menu for my <a href="https://iqratechnology.com/hire-salesforce_developer/">HTML</a> page, but I'm running into some issues. The links are not aligning as they should, and the overall styling looks off. Below is the code I've written. Can anyone help me identify the problem and suggest a fix?
Here is my code:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navigation Menu Issue</title>
<link rel="stylesheet" href="styles.css">
</head>
<body></body>
</html>
The goal is to create a simple and clean navigation menu, but it's not displaying as expected. The links aren't aligned properly, and the styling seems off. Any insights or advice would be greatly appreciated!
Answers
-
Hi @Grace.M.949
While I can't say for sure, I suspect the issue may be in the css itself as opposed to the markup.
I think it's a big swing to make your own styles from scratch and I tip my hat to you for giving it a go!
I might recommend taking a look at the free templates here, and modifying your menu items from there- you could use a tabbed navigation element to get started- or just the page structure itself.
Honest- I think this is where I would want to start from
admin