Aligning checkbox to center in div tag

[Sanjeev Kumar]

At my workplace we use Confluence cloud and we have page that gets update by rest api.

Everything works fine but this code

```

<td colspan="1" style="display: grid; place-items: center;">

<div style="display: grid; place-items: center;">

<ac:task-list>

<ac:task>

<ac:task-status>incomplete</ac:task-status>

<ac:task-body>{data['release']}</ac:task-body>

</ac:task>

</ac:task-list>

</div>

</td>

```

does not render the checkbox align to the center of the cell .

all other cells in the table with just text works fine

<td colspan="1" style="text-align: center;">{jira_cell}</td>

this works fine and aligned to the centre.

[Peter_DevSamurai]

Hi @Sanjeev Kumar ,

The Confluence's rich text editor and the task-list macro add its own wrapper divs with display: flex and align-items: flex-start, which override your grid centering. You can try <td colspan="1" style="text-align: center; vertical-align: middle;">. 

And if you want the checkbox + text vertically centered too -> just add vertical-align: middle on the <td>.

I hope everything works out well for you.

Best, 

Peter