How to make code neater in Dreamweaver?

Question

is there any quick and easy way to convert code from looking like this:

<style>
element { property:value; property:value; 
property:value; 
property:value; }

element { property:value; property:value; property:value; property:value; property:value; }
element {property:value; property:value; property:value; 
property:value; 
property:value; property:value; 
}
</style>
<div>
content content content <div> content </div>
  </div>

to being nice and neat like this:

<style>

element { property:value; property:value; property:value; property:value; }

element { property:value; property:value; property:value; property:value; }

element { property:value; property:value; property:value; property:value; }

</style>

<div>
content content content 
      <div> 
          content 
      </div>
</div>

it would also make life easier if there was a button to put css in alphabetical order

possible duplicate of [Is it possible to auto-format your code in Dreamweaver?](http://stackoverflow.com/questions/2146862/is-it-possible-to-auto-format-your-code-in-dreamweaver) — iambriansreed, Sep 09 '12 at 15:39

score 1 · Answer 1 · edited May 23 '17 at 11:49

1

See these similar questions / answers:

I do not have Dreamweaver installed myself, but according to this answer the following commands should be available:

Commands > Apply Formatting
Commands > Clean up HTML

edited May 23 '17 at 11:49

Community

1
1

answered Sep 09 '12 at 15:39

Lasse Christiansen

10,205
7
50
79

score 0 · Answer 2 · answered Sep 09 '12 at 15:39

0

Try:

Command -> Apply Source Formatting

answered Sep 09 '12 at 15:39

iambriansreed

21,935
6
63
79

How to make code neater in Dreamweaver?

2 Answers2

Linked