Emmet is a tool I just found that expands your HTML and CSS workflow. It expands HTML from CSS-based abbreviations and quickly selects important parts of the code you are editing.
For example, div>ul>li turns into:
<div>
<ul>
<li></li>
</ul>
</div>Visit the Emmet site to learn more, download it, and read the docs.
