e.md

Emmet

Emmet is great for the helping you complete HTML & CSS very quickly. Type your shortcut then press tab. The cursor will then be placed where you would logically be about to type.

---

Examples HTML

• article.price outputs:

<article class="price"></article>

• header#profile outputs:

<header id="profile"></header>

You can get pretty crazy with these:

• div.header-navigation>header+nav will output the following:

<div class="header-navigation">
	<header></header>
	<nav></nav>
</div>

• ul>li.list-item*6 will output the following:

<ul>
	<li class="list-item"></li>
	<li class="list-item"></li>
	<li class="list-item"></li>
	<li class="list-item"></li>
	<li class="list-item"></li>
	<li class="list-item"></li>
</ul>

Examples CSS

• tac outputs

text-align: center;

• mtoutputs

margin-top: ;

Demos

Wrap Elements

Shorthand

HTML

CSS