Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow. Below are some of my most used formulas.

Official cheat sheet pdf

Wrapping individual line formulas


  • option[value=$#]*{$#} wraps a list of items in an option tag and uses the text as the option value. Used for creating form select fields
  • ul>li[class=$#]*>{$#} wraps a list of items in an unordered list


  • ul>li.sample$*5 creates unordered list with a name and number order


  • mb margin-bottom