> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/charles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/charles/key-features/set-element-inner-html.md).

# Set element inner HTML

Use the action Charles: Set Element Inner HTML workflow action and give it a CSS selector and a HTML input, EG: 

```
<span id="mySpan" style="color:blue; font-weight:bold; 
background-color:yellow; padding:5px; border-radius:5px;">Charles Rocks!</span>
```

<figure><img src="https://1746625412-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR8XSg57nbIyYLBX9iJLb%2Fuploads%2FuK3x3bL2oqY625Il6mtc%2Fimage.png?alt=media&amp;token=68442132-8767-462a-ac82-5d8956920ced" alt=""><figcaption></figcaption></figure>

Learn more about CSS selectors:

* <https://www.w3schools.com/jsref/met_document_queryselector.asp>
* <https://www.w3schools.com/css/css_selectors.asp>
* <https://www.w3schools.com/cssref/css_selectors.php>