JSFiddle - React, Tailwind, and code Playground

by sandeep

HTML

<html>
<head>
</head>
<body>
<center><br /><h3>Sistema TMJ</h3><br />
<div class="mosaicoWrapper">
    <div class="mosaicoBox mosaicoBoxOff" align="center">
        <img src="../res/mosaico/111/th120x120_111.jpg" class="blank">
        <div class="textMosaico">
            <span class="orange">Apresentação do Sistema TMJ</span><br />
            <span style="font-size:10px;">
            <a href="http://www.youtube.com/embed/nwpPDX4RVSk?rel=0&amp;wmode=transparent&amp;autoplay=1" 
            onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, 
            allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 
            preserveContent: false, objectLoadTime: 'after'})"
            class="highslide">assistir</a>
            | <a target="_blank" href="../res/mosaico/111/mosaico111.wmv" title="Formato WMV ()">download</a>
            </span>
        </div>
    </div>
    <div class="mosaicoBox mosaicoBoxOff" align="center">
        <img src="../res/mosaico/112/th120x120_112.jpg" class="blank">
        <div class="textMosaico">
            <span class="orange">Moldagem do aparelho TMD</span><br />
            <span style="font-size:10px;">
            <a href="http://www.youtube.com/embed/J6corp_ZNoE?rel=0&amp;wmode=transparent&amp;autoplay=1" 
            onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, 
            allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 
            preserveContent: false, objectLoadTime: 'after'})"
            class="highslide">assistir</a>
            | <a target="_blank" href="../res/mosaico/112/mosaico112.wmv" title="Formato WMV ()">download</a>
            </span>
        </div>
    </div>
    <div class="mosaicoBox mosaicoBoxOff" align="center">
        <img src="../res/mosaico/113/th120x120_113.jpg" class="blank">
        <div class="textMosaico">
            <span class="orange">Opinião do Dentista</span><br />
    ...

CSS

body {padding:0; margin:0;}
.mosaicoBox {
width:170px;
height:165px;
border:1px solid #ccc;
text-align:center;
display:inline-block;
padding:0 10px;
margin-right:8px;
}

.mosaicoWrapper {
    text-align:center
}