# Settings

Allows you to set specific settings for the `list` block.

<figure><img src="https://lh4.googleusercontent.com/tdkFE3MNSQMQCmBDqLgiaoOVewf4NtnsEhQruXSjJuI5JvYcvdrgicykojSDx_d1m3hzi27pc7Vwzvo5K3cPeHY5s1bL-vF5xUDEcKQzwWiZm23De7pAQb-ewjapYdrBX4mdecMWESrDCUioetkcJPjHW34P34zErJtqfiSR0cfMJ-OD6Tc_E1f_nh9ygA" alt=""><figcaption></figcaption></figure>

## Inline List

The Inline List property allows you to define whether you want to make your list horizontal instead of vertical.

{% hint style="info" %}
Once toggled, use the Indent property to create spacing between list items
{% endhint %}

![](https://lh3.googleusercontent.com/O2n5oEIDA4GENSOElebJ1Uq496oKux3UBqB-QEdWUWFswsGtAqPLGSPnH7S4HMcDtKvutnvr8sE0INPUine4nNbC_G5chN9291B78OZXTIgA7t3MSh3In6KjxR-jYngearXfLNnBZys-ufinO93CZ3Rsy5KOAEeOEn_dj3Sj7j_IO9uA5R-PPLsx11HYPQ)

<details>

<summary>Activate/deactivate inline list</summary>

1. Select a `list` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Navigate to the Settings tab
5. Find the Inline List property
6. Toggle the Inline List property to activate it

</details>

## Columns

Allows you to set out your list using a specified number of columns.

{% hint style="info" %}
Use the Spacing property to create space between the rows.

Use the Indent property to create space between the columns.
{% endhint %}

![](https://lh6.googleusercontent.com/XeFLBVzU4nMtHTv10lyt9Gicu29NPrafyvuqq7tkF6HhXusJGM3KaIfW2jTJCZv6noIWn92EsXTtN_OD7uWMIdbKbfVDcG4EYxKxA_Sr0gl73979tzRapiIomDYrG-OFVmvHiqAEb6Rnh5ti8gRNpb2J0xQsEJWsOVKUBONAU5K5RpUxQS13QNAVEJL6kw)

<details>

<summary>Add columns</summary>

1. Select a `list` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Navigate to the Settings tab
5. Find the Columns property
6. Set the desired number

</details>

## Spacing

The Spacing property allows you to define the margin added between the icon and the text.

{% hint style="info" %}
Think about spacing as margin. It creates space around the element's border.
{% endhint %}

![](https://lh4.googleusercontent.com/AFB-imdDiN6xgwPEpdLRdN1viberJwsOxzx0T0fgEbGV5kLt86n0tztFoGWwDlrNatRNOK6U3E6Iku6hfJ2CLOOqhOMdqLGdw8tzqJdAdwnI6gv6hV7cs3Ds_X0kzAneRei27RofTffpR5b6hPbOtsK-tr70KoMDVeMYnMLuGqj5cbyV5x8Wo_tFQP1Jcw)

<details>

<summary>Add spacing</summary>

1. Select a `list` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Navigate to the Settings tab
5. Find the Spacing property
6. Set desired spacing

</details>

## Indent

The Indent property allows you to define the margin added to the left of the list element to indent it.

![](https://lh3.googleusercontent.com/0yxS-2a0ppVzyyD73N_N8zAyhAhQlYg74HZvqlxbY2h32nGkL2YgN7lZYm7OLFCXvYWPcD6of4vaOLBTsH9yWcAcvNW--QBKueP0ye2Qh9vXg0D6tf-khXhhRZJsuMAjIlIsNmhAXOp_4VTYaZh-QWuTDbkE79aVj_n3129xTrlyzU5ZSXKJ1nIJFqqXZA)

<details>

<summary>Add indent</summary>

1. Select a `list` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Navigate to the Settings tab
5. Find the Indent property
6. Set desired indent

</details>

## List Style

![](https://lh3.googleusercontent.com/KGi6ZpP7yufVaAH4-WnchUD3s9FcS-nSBXSxTKjmdDwcYLHg81BQvo3AD2akWJc8pySCFksuupgyTiLTckyXYwT9ZjOgzDUXnr5M9u9HVpy-kNQ1u2MG1ZJfO3R3sxKn3G2jRmB26wCR5ObdVWhfQVz5PzlwTCLmjQLp8dIC3E5AImLCSmStnoYCAsQUDw)

{% content-ref url="list-types" %}
[list-types](https://docs.cwicly.com/blocks/list/list-types)
{% endcontent-ref %}

## List Position

Allows you to define the position of the list-item markers/bullet points.

{% hint style="info" %}
By default, the outside list position is set.
{% endhint %}

***Inherit*** Means that the bullet points' position will be inherited by the settings provided by the list parent.

***Inside*** Means that the bullet points will be inside the list item. As it is part of the list item, it will be part of the text and push the text at the start.

***Outside*** Means that the bullet points will be outside the list item. The start of each line of a list item will be aligned vertically.

![](https://lh6.googleusercontent.com/MgwDzZirWrEWyhqApll4MYcIS4kaqJuX2EzEzmOLYoE9SeycRVkvfJwE5xLFbIrWNgYpkTrL4T1CxhETKDHVDGnTxhaTRvDYvHH5StvbPj-oNK1xrE6Qq0WEWk7-Dcn1mH_Ig4gENUlMj6Y2wwA4N9U7VR0oci32N8eseEpalZ7Uj0D6T6HoAj9dzkZ7bA)