Display monospace code formatting in HTML

WordPressHTMLSquarespace

5 Feb

Written By Gemma Johnson

How to show monospace code formatting in HTML

Monospace is also referred to as Teletype <tt> in some settings but this is usually superseded by the use of <code>.

<p>

hello there

<br>

<code>this is monospace</code>

<br>

<tt> this is also monospace </tt>

</p>

Custom menu hamburger icon in Squarespace

Remove padding between mobile menu CTA button and menu link text in Squarespace

Add a “Copy” Button to All Squarespace Code Blocks

Scroll To Top button for Squarespace

How to create a vertical scroll image for Squarespace

Limit the number of Related Products to One Row in Squarespace Commerce (V2)

Learn how to display only four related products in a single row on your Squarespace Commerce site using a quick CSS solution

How to organise digital mockups and assets on your computer

Tired of digging through folders to find your mockups? Learn a streamlined, professional system to organise your digital design assets and mockup files—so you can work faster, stay consistent and feel in control.

Change the form select dropdown arrow colour

Best Squarespace Promo Codes

Create a Featured Blog Post layout with Squarespace Summary Block

Irregular shaped organic image frames

Learn how to apply irregular, organic image frames in Squarespace with a simple CSS snippet. Enhance your site's aesthetic with custom shapes.

Stack Squarespace shop categories/filters on mobile view

Optimise your Squarespace shop for mobile: use custom CSS to stack categories and filters for a cleaner, more user-friendly experience.

Masonry gallery to display one column on mobile only

Optimise your Squarespace masonry gallery for mobile: apply custom CSS to display images in a single column, improving navigation and aesthetics

Display monospace code formatting in HTML

Create a Project Name Generator with a Notion Formula

Found this tutorial helpful?

Gemma Johnson