img и вертикальное выравнивание текста

Question

img и вертикальное выравнивание текста

0

<div class="card">
<img class='sound' src='https://www.google.com/images/srpr/logo4w.png'>
<div class='txt'>
 this is a sentence.this is a sentencethis is a sentence.
 </div></div>

.card{
    margin:5px 14px;
    border:thin solid blue;
}
.sound{
    width:32px;
    height:32px;
    cursor:pointer;
}
.txt{
    display:inline-block;
    margin-left:25px;
    vertical-align:middle;  //doesn't work
    border:thin solid red;
}

Как я могу выровнять .txt div в середине изображения .sound? скрипка здесь

bonaca 22 сен. 2013, в 19:29

Источник

Теги:

html

css

3 ответа

1

Вставка vertical-align: middle звук в классе

.card{
    margin:5px 14px;
    border:thin solid blue;
}
.sound{
    width:32px;
    height:32px;
    cursor:pointer;
    vertical-align:middle
}
.txt{
    display:inline-block;
    margin-left:25px;
    vertical-align:middle;
    border:thin solid red;
}

DEMO

Alessandro Minoccheri 22 сен. 2013, в 16:17

1

vertical-align:middle;

Должно быть на.sound

user1281428 22 сен. 2013, в 14:24

Ещё вопросы

xec · Accepted Answer · 2013-09-22T15-57-00.000Z

Поставить вертикальное выравнивание на .sound?

.card{
    margin:5px 14px;
    border:thin solid blue;
}
.sound{
    width:32px;
    height:32px;
    cursor:pointer;
    vertical-align:middle;
}
.txt{
    display:inline-block;
    margin-left:25px;
    border:thin solid red;
}

http://jsfiddle.net/hWejY/1/