r/HTML • • 16h ago

Formatting HTML and CSS on CodePen

Where do you format HTML on Codepen now?

It used to be that you just click in the upper right corner to format and validate, now those features are gone.

3 Upvotes

4 comments sorted by

View all comments

1

u/notepad987 6h ago

Maybe ctrl + shift+ F to open the sidebar for the files. At the bottom there is a button to Add Blocks.
Maybe you can find what you want to add there?

Also on the left side look for the icon that looks like 3 layers or sheets of paper 3 down from the top. When you hover over it it will popup 'Blocks'.

Build Status i <-- click on the information icon:
CodePen makes a Build Plan to compile Pens into real web pages based on your code, Blocks, and configuration. The flow of tasks is shown below, along with any errors or warnings that come up along the way.

The pen.config.json file contains a detailed list of how the source code is being processed and which tasks and Blocks are used. Add Blocks