JSFiddle - React, Tailwind, and code Playground

HTML

<div class="codeBlock">
                        <span class="stringAndOperands"><</span>
                        <span class="xmltag">Application</span>
                        <span class="xmlParameter">x</span>
                        <span class="stringAndOperands">:</span>
                        <span class="xmlParameter">Class</span>
                        <span class="stringAndOperands">="YourApp.App"</span><br />
                        <span class="xmlParameter">xmlns</span><span class="stringAndOperands">="http://schemas.microsoft.com/winfx/2006/xaml/presentation"</span>
                    </div>

CSS

.xmltag
{
   color: #a31515;
   white-space: pre;
}

.stringAndOperands
{
    color: #0034ff;
    white-space: pre;
}

.xmlParameter
{
    color: #ff0000;
    white-space: pre;
}

.codeBlock
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-color: #cdcdcd;
    font-family: courier new;
    padding: 5px;
    font-size: 0px;
}
span {
    font-size: 12px;
}