JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<p>
Hello
</p>

<blockquote>
<h3>Coconut French Toast</h3>
2 eggs<br />
2/3 cup coconut milk<br />
pinch of salt<br />
1 teaspoon vanilla extract<br />
1/4 teaspoon pumpkin pie spice<br />
1/4 cup flaked coconut, sweetened<br />
6 thick slices of bread<br />
<br />
Combine ingredients. Dip each slice of bread into egg mixture, soaking both sides. Place in hot pan and cook on both sides until golden brown. Serve hot. Top with coconut syrup and flaked coconut.
</blockquote>

CSS

blockquote {       /* En blogger .post-body blockquote { */
background: #FFF url(http://i1241.photobucket.com/albums/gg518/cryscaprice/Lovely/shapes-1.png) repeat-x;
font-family: 'Quicksand', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 25px;
color: #a1a19c;
padding: 45px 19px 19px 19px;
width: 575px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 2px solid #aadfd6;
}

h3 {             /* En blogger .post h3 { */
background: url(http://i1241.photobucket.com/albums/gg518/cryscaprice/Lovely/titleborderTeal.png) no-repeat right;
margin: 0px 0 0px;
padding: 16px 0px 41px 0px;
font-family: 'Raleway' sans-serif;
font-weight: normal;
font-size: 34px;
color: #fbad94;
text-align: center;
}