Witam.
Próbuję zrobić dymek informacyjny, w którym będzie z lewej strony ikonka, a z prawej tekst. Tekstu jest czasem na jedną, czasami na cztery linijki. Chciałbym aby obrazek i tekst były wycentrowane w pionie.
.contentHelp {
font-size: 8pt;
padding: 10px 17px;
line-height: 10pt;
background-color: #dfdfdf;
height: 32px;
}
.contentHelp img {
float: left;
margin: 0 15px 15px 0;
}
<div class="contentHelp">
<img src="help.png" alt="">
<p>jakies tekst</p>
</div>
Próbowałem zrobić myk z display: table-cell i vertical-align: middle, ale nie chce współpracować.