Texte entre deux images

Bonjour,

j'y suis presque! lol, j aimerai que mes images (2) soient une a gauche et une a droite (ca c est fait) et que mon texte soit au milieu des images tant verticalement que horizontalement mais je ne connais pas le code qui gere ca ca doit etre une histoire de bloc mais je ne trouve pas la solution:

<link rel="stylesheet" type="text/css" href="style.css" >

<img src="https://www.000webhost.com/migrate?static=true" class="gauche" width="2%" height="2%">


<span class="test">01 - 02 - 03 - 04 - 05 - 06 - 07 - 08 - 09 - 10 - 11</span>


<img src="https://www.000webhost.com/migrate?static=true" class="droite" width="2%" height="2%">

img.gauche {

float:left;
width: 3%;
height: 3%;

}

img.droite {

float:right;
width: 3%;
height: 3%;

}

.test {
display: inline;
text-align: center;
}