Decorating Text With style=""

This is code for a red and center aligned <p> tag

<h1 style="text-align: center; color: red;"></h1>

This is the code for a block of text with a border around it:


<div style="border:1px solid black;">
<p>Text</p>
</div>

<div style="background-color:aqua;">
</div>

<div style="padding: 10px; background-color:greenyellow;">
</div>

<div style="width:50%; background-color:pink;">
</div>

<div style="width:25%; background-color:pink;">
</div>

Divs in Divs

<div style="width:50%; background-color:yellow;">
</div>

<div style="width:50%; background-color:orange;">
</div>

Code:

<div style="display:flex; width:100%">
    <div style="width:50%; background-color:yellow;">
    </div>
    <div style="width:50%; background-color:orange;">
    </div>
</div>

The "display:flex;" is needed to have the two divs inside be side by side.