> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke/spalten/drei-spalten.md).

# Drei Spalten

Der ThemeWare® CMS-Block "**Drei Spalten**" (jeweils ca. 33.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FYh0tCf4LX5Ahr86vS6OK%2Fimage.png?alt=media&amp;token=6cf3b057-debc-48b0-a0f2-8a08c0b655a3" alt=""><figcaption><p>ThemeWare® CMS-Block "Drei Spalten" [Pro]</p></figcaption></figure>

## Beispiel

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2F7g0hpcvkvIMQnM0Bitex%2Fcms-block--grid-three-column.png?alt=media&amp;token=f117cfc7-964b-49ce-9789-a8d0bd7bb3fc" alt=""><figcaption><p>ThemeWare® CMS-Block "Drei Spalten"</p></figcaption></figure>

{% hint style="success" %}
**Tipp**: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe [Spaltenabstände in CMS-Blöcken anpassen](https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/spaltenabstaende-in-cms-bloecken-anpassen)) modifizieren.
{% endhint %}

***

## Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

{% embed url="<https://demo.themeware.design/modern/Features/ThemeWare-CMS-Bloecke/Spalten-Bloecke/>" %}
ThemeWare® Demoshop => Spalten-Blöcke
{% endembed %}