JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="test"?>
<recipe>
  <blue>Pumkin Pie</blue>
  <space/>
  <blue>Ingredients</blue>
  <italic>1 pumpkin</italic>
  <italic>1 <blue>teaspoon</blue> cinammon</italic>
  <italic>1 pumpkin</italic>
  <italic>1 <blue>teaspoon</blue> cinammon</italic>
  <space/>
  <italic>Instructions</italic>
  <blue>First</blue>: stir 
  <blue>Second</blue>: shake 
</recipe>

CSS

recipe * {
  display: block;
}
blue{
color: blue
}
italic{
  font-style: italic;
  display: inline;
}