How to Add Custom HTML in WordPress Page or Post

Sometimes we need to add some HTML code into the page or post section. Then how you could do that? If you are using Gutenberg Editor then click on Component Dropdown Menu from top right corner.

Select Code Editor or you can use Ctrl + Shift + Alt + M as keyboard shortcut.

Now you can see the Code Editor view where you can add your custom html code. Below I have an example added like this:

<p class="highlight-text">This paragraph has highlighted texts.</p>

Now we need to know about how to add some custom CSS code to change the look below.

This paragraph has highlighted texts.

I hope this post will help beginner who are trying to make changes using WordPress.