Search code examples
htmlformattinglinehref

HTML, href is spreading its self over 6 lines when it only needs one

I am using VS Code with a prettier extension added. I try to write a line that contains a "href" like this:

<p><a href="https://cosprings.craigslist.org?search_distance=30&postal=81212">Craigslist</a></p>

But every time I save the project it takes up six lines:

<p>
  <a
    href="https://cosprings.craigslist.org?search_distance=30&postal=81212"
    >Craigslist</a
  >
</p>

I have the same problem with two of the other "href" lines in my code. But I also have "href" lines that format correctly.

I am only trying to make a simple link page with a bunch of "href"s on it.

What can I do to get the line to format correctly?

Solution

  • Go to the settings for the Prettier extension and change the "Print Width" setting.