How do I align headers inside of columns Revealjs

[victorfeagins]

Description

When I render this the Cats column is slightly ajar to the right how do I adjust so it is left aligned similar to the dogs column

---
title: "test"
format: revealjs
---

## Title here
:::: {.columns}

::: {.column width="50%" .fragment}

### Dogs
- likes bones
- 4 legs
:::

::: {.column width="50%" .fragment}
### Cats
- likes fish
- 4 legs
:::

::::

[mcanouil]

Use CSS.
To know what to target, use your favourite browser developer mode "inspect" and use your mouse pointer to target elements and see the associated elements, then tweak it live to finally use that in your document.

There are several examples of CSS customisation in other threads.

[victorfeagins]

I inspected the headers and they seems to be in the div columns though this rule did not fix the problem.:

.columns {
   margin-left: 0px;
}

Instead I adjusted the h3 tag directly and that seemed to work.

---
title: "test"
format: revealjs
---

## Title here
:::: {.columns}

::: {.column width="50%" .fragment}

### Dogs
- likes bones
- 4 legs
:::

::: {.column width="50%" .fragment}
<h3 id="cats" style="margin-left:0px;">Cats</h3>
- likes fish
- 4 legs
:::

::::

Does anyone know what div to change?

[mcanouil]

Why did you not target the element highlighted by the inspect mode?

Screen.Recording.2023-12-04.at.21.49.56.mov

---
title: "test"
format: revealjs
include-in-header:
  text: |
    <style type="text/css">
    .reveal .columns>.column:last-child>:not(ul,ol) {
      margin-right: 0;
      margin-left: 0;
    }
    </style>
---

## Title here

:::: {.columns}

::: {.column width="50%" .fragment}
### Dogs
- likes bones
- 4 legs
:::

::: {.column width="50%" .fragment}
### Cats
- likes fish
- 4 legs
:::

::::

[victorfeagins]

I am not familiar with CSS or the inspector tool. Thank you for showing the process of investigating this.

[mcanouil]

Unfortunately, to get customisation of HTML based, there is no way around CSS.
There are pretty good resources online to learn the basics.