Visual Studio 2010 html indentation

Question

In visual studio, when I paste an html fragment into the original window of an aspx / ascx file, the IDE re-delays the content. For example, if I insert this ...

<div><ul><li><a href="#">Item 1</a></li><li> <a href="#">Item 2</a></li><li><a href="#">Item 3</a></li></ul>/div> 

.. ide will reformat the text to ....

 <div> <ul> <li><a href="#">Item 1</a></li><li><a href="#">Item 2</a></li><li><a href="#">Item 3</a></li></ul> </div> 

But actually, I want the html to be formatted like this ...

 <div> <ul> <li> <a href="#">Item 1</a> </li> <li> <a href="#">Item 2</a> </li> <li> <a href="#">Item 3</a> </li> </ul> </div> 

How to change the way VS html indents to the above?

Answer 1

You can change this by introducing special formatting for a text editor (HTML), getting:

Parameters → Text editor → HTML → Formatting → Special tag parameters (button)
-> Client HTML tags -> a -> Sets line breaks for lines before and after

Do this for all tags that you want to format differently.

Answer 2

Ctrl + K , then Ctrl + D , will format the current document.

Ctrl + K , then Ctrl + F , will format the selected text.