Many questions have been asked in different areas about this issue, but none of the answers I found were able to solve my problem. My challenge lies in creating a navigation menu where I can't remove the list style or display it inline. Here is the HTML/CSS code I have:
<div class="nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Dream Series</a></li>
</ul>
</div>
.nav ul {
list-style-type: none;
}
.nav li {
display: inline;
}
I'm not sure if there are any conflicting elements on the page causing this issue, but I've tried placing the navigation inside and outside the header with no success. The goal is to remove the bullet points, center the elements, add padding between them, and style the text to match the rest of the page. However, after getting the element to appear, any CSS styling I apply doesn't seem to take effect.
I'm updating this because the original post was marked 'off-topic', so I revised the text slightly. It's important to note that I am not using embedded CSS, but rather applying styles from an external .css file, which has worked without issues until now. Thank you for your assistance.