> ## Documentation Index
> Fetch the complete documentation index at: https://docs.caplena.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Markdown Block

> Learn how to format text, add images, and create multi-column layouts in your reports.

The **Markdown Block** is a versatile tool in your reporting toolkit that lets you add formatted text, visuals, and tables to make reports more informative and engaging.

<Frame>
  <img src="https://mintcdn.com/caplena-32172960/J3lwYXbPAET9NZDk/images/Screenshot-2026-05-24-at-17.02.19.png?fit=max&auto=format&n=J3lwYXbPAET9NZDk&q=85&s=0ef69686e77a4850520580445fae78fb" alt="Screenshot 2026 05 24 At 17 02 19" width="3116" height="1244" data-path="images/Screenshot-2026-05-24-at-17.02.19.png" />
</Frame>

## Why use the Markdown Block?

Markdown supports lightweight formatting syntax that helps you:

* Structure content with **headers**, **lists**, and **emphasis**
* Embed **images** using simple syntax
* Create **tables and columns** to organize information

## Creating a multi-column layout

One of the Markdown block's most powerful features is multi-column formatting, perfect for side-by-side comparisons or content grouping.

<Frame>
  <img src="https://mintcdn.com/caplena-32172960/J3lwYXbPAET9NZDk/images/Screenshot-2026-05-24-at-17.03.19.png?fit=max&auto=format&n=J3lwYXbPAET9NZDk&q=85&s=8d85aa76f1dd814889821adcd86cea4f" alt="Screenshot 2026 05 24 At 17 03 19" width="2552" height="1798" data-path="images/Screenshot-2026-05-24-at-17.03.19.png" />
</Frame>

<Steps>
  <Step>
    Choose the number of columns (1, 2, or 3).
  </Step>

  <Step>
    Use Markdown tables to define the structure.
  </Step>

  <Step>
    Add your text or images inside each column cell.
  </Step>
</Steps>

<Tip>
  Ideal for presenting product features, pros & cons, or visual + text combinations.
</Tip>

## Prefer visual editing? Use the Rich Text Editor

If you're not familiar with Markdown, the **Rich Text Editor** offers an intuitive formatting experience with:

* **Text formatting** — bold, italic, headers, lists, and links
* **Images** — easily upload and place them in context
* **Tables** — create structured layouts visually
* **Live preview** — see changes instantly as you edit
  <Frame>
    <img src="https://mintcdn.com/caplena-32172960/J3lwYXbPAET9NZDk/images/Screenshot-2026-05-24-at-17.04.21.png?fit=max&auto=format&n=J3lwYXbPAET9NZDk&q=85&s=48f45dac3cd56eec995d57031a163f8f" alt="Screenshot 2026 05 24 At 17 04 21" width="3128" height="1144" data-path="images/Screenshot-2026-05-24-at-17.04.21.png" />
  </Frame>

## Image sizing and alignment

Markdown offers flexibility in image placement and custom sizing through HTML.

### Resize an image

Click **Edit** on your Markdown block, paste the following, replace `IMAGE_URL_HERE` with your image's URL, and save:

```html theme={null}
<img src="IMAGE_URL_HERE" width="50%"/>
```

<Frame>
  <img src="https://mintcdn.com/caplena-32172960/J3lwYXbPAET9NZDk/images/Screenshot-2026-05-24-at-17.05.17.png?fit=max&auto=format&n=J3lwYXbPAET9NZDk&q=85&s=8d7a05691ce64fd7b9b9ac7af07fe360" alt="Screenshot 2026 05 24 At 17 05 17" width="3084" height="1148" data-path="images/Screenshot-2026-05-24-at-17.05.17.png" />
</Frame>

### Resize and center an image

Click **Edit** on your Markdown block, paste the following, replace `IMAGE_URL_HERE` with your image's URL, and save:

```html theme={null}
<center><img src="IMAGE_URL_HERE" width="50%"/></center>
```

<Frame>
  <img src="https://mintcdn.com/caplena-32172960/J3lwYXbPAET9NZDk/images/Screenshot-2026-05-24-at-17.06.13.png?fit=max&auto=format&n=J3lwYXbPAET9NZDk&q=85&s=855b5fbf864f77fc9312c5650bdeaa50" alt="Screenshot 2026 05 24 At 17 06 13" width="3112" height="1164" data-path="images/Screenshot-2026-05-24-at-17.06.13.png" />
</Frame>
