Surrounding a Code Block with an Emmet Template
To surround a block of code with an Emmet template, follow these steps
- Open the desired file for editing and select a block of code to be surrounded.
- Press Ctrl+Alt+J, or choose Code | Surround with Live Template on the main menu.
- In the Select Template pop-up menu, choose Emmet:
- Type the desired Emmet abbreviation, and press Enter.
Note the drop-down list to the right. Clicking the down arrow reveals a history list of the recently applied Emmet live templates:
Also mind the color indication. If you type a valid Emmet abbreviation, the background is green. However, when a non-existent abbreviation is entered, the background becomes red: