How to Add Bullet Points in Webflow, Make Bulleted List & Insert Easily 2026

Click the plus icon in the left rail to open the Add panel, which splits into Elements and Layouts tabs. Elements is organized into sections like Basic, Advanced, and more, each showing a grid of draggable components with small preview icons and labels — Radio Button, Select, Form Button, Search, Dropdown, Code Embed, Navbar, and dozens more sit here alongside the List component you're looking for.

Dragging a List component onto the canvas creates a container made up of individual List Item blocks stacked vertically, each one an empty, dashed-outline box ready for text. Unlike typing bullet characters into a paragraph, every item here is its own structured element in the layer tree, addressable and styleable on its own.

Selecting a single List Item shows a small marker to its left — depending on the style applied, that can render as a letter, a number, or a plain bullet dot, and each item can carry a different marker style from its neighbors. The right-hand panel's Style row for a selected List Item includes a set of icon buttons for switching between these marker types, so you're not locked into one bullet look for the whole list.

Switching styles per item is exactly what produces a list where one entry shows a letter, the next a number, and another a plain dot — useful for demonstrating the range of built-in marker types even if a real page would normally keep one consistent style throughout. It's a good way to preview every option side by side before committing to one for your actual content.

With a List Item selected, the panel's Typography section controls font, weight, size, line height, color, alignment, and decoration for that item's text — the same controls you'd use on any text block elsewhere on the page. Getting this right for one item and then copying the styling, or applying a shared class, is what keeps every bullet reading consistently rather than each one picking up whatever the page's default text style happens to be.

Once one list item looks right, give it a class in the Style Selector field at the top of the panel rather than leaving it unstyled. Any other list item you assign that same class to picks up the identical marker style, spacing, and typography automatically, which is what keeps bullet lists looking consistent across different blog posts or pages instead of restyling each one from scratch.