Question: I would like to find a way to format HTML in VScode, such as fro example, if I have a long div like this one: 

```
<div class="signal-item-icon checkbox-signal signal-icon" [class.selected]="signal.isSelectedCheckSign" (click)="$event.stopPropagation(); onSelectOneShadowSignal(signal);">

```

I want it to be displayed like this when I do ctrl+shift+i: 

```
<div class="signal-item-icon checkbox-signal signal-icon" 
     [class.selected]="signal.isSelectedCheckSign" 
     (click)="$event.stopPropagation(); 
     onSelectOneShadowSignal(signal);">

```

Do you if it is possible? Is there an extension VScode that exists for this kind of implementation? 

Thank you !

Answer: 
Setting the VSCode preference `html.format.wrapAttributes` to `force` will accomplish the formatting from your example.
You can also use it with combination of `html.format.wrapLineLength`.

```json
"html.format.wrapLineLength": 80,
"html.format.wrapAttributes": "auto",

```

In this case, attributes starts wrapping when line length exceeds `80`. It's useful when you have many attributes and it will fill the empty spaces on the right.