
If you're working with VS Code and the VsCode Vim extension, you can use Vim commands to quickly wrap a line of text in an HTML element. Here's how to do it:

<ol>
  <li>
    Enter visual mode by pressing the <code>v</code> key.
  </li>
  <li>Highlight the text you want to wrap.</li>
  <li>
    Press <code>S</code> (capital S).
  </li>
  <li>
    Enter the HTML element you want to wrap the selected text with, like this
    for <code>&lt;div&gt;</code>: <code>&lt;div&gt;</code>.
  </li>
</ol>

This will wrap the selected text in the specified HTML element. For example, if you had the following line of text:

```javascript
This is a line of text.
```

And you wanted to wrap it in a div, you would highlight the text and press S`<div>` to get:

```javascript
<div>This is a line of text.</div>
```


How to Surround Text With an HTML Element, With Vim.