сделать таблицу проверки зрения,

dabblet.css

/* 
	сделать таблицу проверки зрения, 
	глазами плохо видящего человека
	http://clck.ru/d/ubPU44a314BE9
	http://clck.ru/d/XPwfJrtk14BEv
*/

html,
body,
p
{
	margin: 0;
	padding: 0;
}

.sivtsev
{
	color: rgba(0,0,0,0);
	font: 18px Helvetica, sans-serif;
	text-shadow: 0px 0px 6px #000, 0px 0px 3px #000;
}


.sivtsev p
{
	aborder: 1px solid red;
	text-align: justify;
	width: 300px;
}

.sivtsev p:after

{
	display: inline-block;
	width: 100%;
	content: "";
}

.uline
{
	margin-top: -10px;
	margin-bottom: 10px;
	width: 300px;
	height: 1px;
	background: red;
}

.sight01
{
	font-size: 3em;
}


.sight02
{
	font-size: 2.5em;
}


.sight03
{
	font-size: 2em;
}


.sight04
{
	font-size: 1.5em;
}


.sight05
{
	font-size: 1em;
}


.sight06
{
	font-size: 0.5em;
}


.sight03
{
	font-size: 2em;
}

dabblet.html

    <div class="sivtsev">
        <p class="sight01">Ш Б</p>
        <p class="sight02">М Н К</p>
        <p class="sight03">Ы М Б Ш</p>
        <p class="sight04">Б Ы Н К М</p>
        <p class="sight05">И Н Ш М К</p>
        <p class="sight06">Н Ш Ы И К Б</p>
        <p class="sight07">Ш И Н Б К Ы</p>
        <p class="sight08">К Н Ш М Ы Б И</p>
        <p class="sight09">Б К Ш М И Ы Н</p>
        <p class="sight10">Н К И Б М Ш Ы Б</p>
        <div class="uline"></div>
        <p class="sight15">Ш И Н К М И Ы Б</p>
        <p class="sight20">И М Ш Ы Н Б М К</p>
    </div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}