<table align="center" style="width:300px;"><tr>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 </tr>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

 

<td><div class="character" style="background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); background-repeat: no-repeat;">

<div class="characterinfo">

<div class="charname">oldal neve</div>

Oldal leírása pár mondatban</div></div></td>

</tr></table>

 

<style type="text/css">

 

.character {

height: 70px;

width: 70px;

z-index: 5;

}

 

.charname {

font color:#000000

font-size: 10px;

font-family: georgia;

font-weight: bold;

letter-spacing: -1px;

text-align: center;

padding-top: 3px;

}

 

.characterinfo {

text-transform: lowercase;

height: 70px;

width: 70px;

overflow: auto;

font-size: 10px;

line-height: .8;

text-align: justify;

z-index: -1px;

background-color: rgba(232,232,232,.7);

opacity: 0;

filter:alpha(opacity=0);

transition: opacity 1s;

-webkit-transition: opacity 1s;

-o-transition: opacity 1s;

-moz-transition: opacity 1s;

letter-spacing: -1px;

}

 

.characterinfo:hover {

opacity: 1;

filter:alpha(opacity=100);

}

 

.characterinfo::-webkit-scrollbar {

width: 5px;

}

 

.characterinfo::-webkit-scrollbar-track-piece {

background-color: #8A8A8A;

}

 

.characterinfo::-webkit-scrollbar-thumb    {

background-color: #9D9D9D;

}

</style>