Avii's HTML/CSS Snippets

Hi! I'm Powder, and I'm totally an alive chicken with no robotic parts.

 <div style="width: 100%; min-height: 100px; display: flex; padding: 10px;"><div style="width: 100px; min-width: 100px; height: 100px; margin-right: 10px;"><img src="CHICKEN_IMAGE_FACING_RIGHT.PNG" style="border-radius: 25px;"></div><div style="height: 100px; width: 33px; min-width: 33px;"><img src="https://raw.githubusercontent.com/Aviivix/powderscripts/20a73ecfd2c95407ef5a69fa801df749cddda8d4/speech_tail_left.svg" style="height: 50px; margin-top: 25px;"></div><div style="width: 100%;min-height: 100px; background-color: #373430; border-radius: 25px; padding: 25px; text-align: center;">DIALOG_TEXT_GOES_HERE</div></div> 

I can move to the other side, too.

  <div style="width: 100%; min-height: 100px; display: flex; padding: 10px;"><div style="width: 100%;min-height: 100px; background-color: #373430; border-radius: 25px; padding: 25px; text-align: center;">DIALOG_TEXT_GOES_HERE</div><div style="height: 100px; width: 33px; min-width: 33px;"><img src="https://raw.githubusercontent.com/Aviivix/powderscripts/20a73ecfd2c95407ef5a69fa801df749cddda8d4/speech_tail_right.svg" style="height: 50px; margin-top: 25px;"></div><div style="width: 100px; min-width: 100px; height: 100px; margin-left: 10px;"><img src="CHICKEN_IMAGE_FACING_RIGHT_NOT_LEFT_DO_NOT_FLIP_THIS.PNG" style="border-radius: 25px; transform: scaleX(-1);"></div></div>  

  <div style="width: 100%; min-height: 100px; display: flex; padding: 10px;"&Gt;<div style="width: 100%;min-height: 100px; background-color: #373430; border-radius: 25px; padding: 25px; text-align: center;"&Gt;DIALOG_TEXT_GOES_HERE</div&Gt;</div&Gt;