JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<div class="three-box">
<img src="images/top/top_foot_head_b.gif" />
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<p class="xboxcontent">
歯医者さんにありがちなのが「治しました」というだけの治療。これは患者さんのための治療と言えません。エムズ歯科クリックでは事前に患者さんに治療の内容を丁寧にご説明し、安心いただいてから治療します。わかりにくい部分はお口の中の写真やレントゲンを一緒にみながら治療方針を決定します。もちろん、料金についてもご説明します。
</p>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<a href="">治療費について詳しく</a>
</div>
<div class="three-box last">
<img src="images/top/top_foot_head_c.gif" />
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<p class="xboxcontent">エムズ歯科クリニックはお口の悩み全般に
対応しています。<br/>様々な症例に口腔外科医、歯科麻酔医、歯科技工士などの専門医と協力し、安全で最新の治療方法にて対応いたします。<br />一般治療部分はいつもの担当医が、専門部分は専門医が担当することで皆様のお口を最高の状態に保ちたいと考えています。
</p>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<a href="">当院スタッフについて詳しく</a>
</div>

CSS

body{background-image:...