JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div itemscope itemtype="http://schema.org/Product">
  <img itemprop="image" src="http://images.apple.com/iphone/iphone-3gs/images/product-title-20100607.png" alt="iPhone 3GS Logo Tagline" />
  <span itemprop="name">iPhone 3GS</span>
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price">$49 (8GB)</span> 
    <link itemprop="availability" href="http://schema.org/InStock" />In stock
  </div>
  <h2>Product description:</h2>
  <span itemprop="description">Display with 480-by-320 resolution. 
VGA video recording. 
3-megapixel camera. 
MMS. 
Voice Control</span>
  <h2>Sellers:</h2>
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <a itemprop="url" href="http://store.apple.com/us/product/MC555">Apple Store $49.00</a>
    <link itemprop="availability" href="http://schema.org/InStock" />In stock
  </div>

</div>

CSS

a,span{display:block}