Estaba diseñando mi perfil en GitHub y encontré algunas dificultades con HTML en "Readme.md"
<div display=flex; align-items=flex-start; flex-direction=row;> <p align="center" > <img src="https://www.codewars.com/users/yefimchuk/badges/large" alt="https://www.codewars.com/users/yefimchuk" /> <p align="center" > <img src="https://leetcode-stats-six.vercel.app/api?username=KnlnKS&theme=dark" alt="https://github.com/KnlnKS/leetcode-stats" /> <img src="https://github-readme-stackoverflow.vercel.app/?userID=17754802&theme=dark" alt="https://stackoverflow.com/users/17754802/yefimchuk" /> </div> <p align="center"> <img src="github-contribution-grid-snake.svg" /> </div>Se ve así: foto , pero quiero que dos de mis bloques a continuación estén alineados por arriba, como por flexión:
<div style="display: flex; flex-direction: row; align-items: flex-start"> <div>first block</div> <div>second block</div> </div>pero no puedo hacer esto en el archivo readMe.md en GitHub. Cómo puedo hacer esto, intento vertical-align: top, pero esto, todavía no funciona
finalmente, debería verse así: https://i.stack.imgur.com/HS55D.png
GitHub permite HTML en Markdown, pero por motivos de seguridad, funcionalidad y accesibilidad, elimina gran parte del formato de todo el HTML producido. Por lo tanto, si tiene algo que use una etiqueta de style u otros enfoques de formato determinados, se eliminarán.
Si desea realizar un formato complejo, debe colocarlo en un sitio web, que podría ser Páginas de GitHub, y vincularlo desde un LÉAME más simple.
