Inline style

Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag. It allows developers to add specific styling to a particular element without affecting other elements or requiring an external stylesheet.

To change the color of a specific paragraph on your webpage, for example, apply this inline style to that element with this code snippet:

<p style="color: red;">This is a red paragraph.</p>

You can use inline styles in HTML emails — which may not support external stylesheets — and in frameworks like React.

Inline styles are helpful for small styling changes, but they can clutter HTML code, making it difficult to maintain. For larger projects, it's best practice to use external or internal stylesheets.

Visit Webflow University to learn more about CSS styling.