How do I use flexbox to surround markdown in Github

Question

I am trying to center text

<div style="align-items: center; display: flex">  

  <div>Continuous Integration:</div>
  <div>

  [![Main CI/CD Workflow Status](https://github.com/../../workflows/Main%20CI/CD%20Workflow/badge.svg)](https://github.com/../../actions)

  </div>

</div>

But Github ignores the inline styling. Why is it ignoring the style and what is the proper way to handle this?