I'm adding code to the New York Blog for practice and an running into an issue

Web Development
1

Hello All,

I added another header to the New York Blog for practice called The 5 Boroughs. Inside the content, I added a Wikipedia link to each of the 5 in a list I created for them. The issue is that instead of leaving the list on the left, it is centering it and turning the font white. The links work but I can’t figure out how to get it to stay in the correct list format. A snip is also attached to what is is doing.

NYSnip
NYSnip608×582 6.88 KB

Example below:

<h2><a id="The 5 Boroughs"</a>The 5 Boroughs</h2>
    <ul>
      <li>
        <a href="https://en.wikipedia.org/wiki/Manhattan" target="_blank">Manhattan</a>
      <li>
        <a href="https://en.wikipedia.org/wiki/Brooklyn" target="_blank">Brooklyn</a>
        </li>
      <li>
        <a href="https://en.wikipedia.org/wiki/Queens" target="_blank">Queens</a>
        </li>
      <li>
        <a href="https://en.wikipedia.org/wiki/Staten_Island"target="_blank">Staten Island
        </a>
        </li>
      <li> <a href="https://en.wikipedia.org/wiki/The_Bronx"target="_blank">The Bronx</a>
      </li>
    </ul>
2

UPDATE: I figured out that the format changed in the style.css and have corrected it there but why did the code make those changes to begin with?

1 Like