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;
}

How can I align .txt div to be on the middle of .sound image ? fiddle is here

4

3 回答 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;
}

演示

于 2013-09-22T17:18:51.833 回答
1 
vertical-align:middle;

应该打开 .sound

于 2013-09-22T17:19:09.617 回答
1

把垂直对齐放在.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/

于 2013-09-22T17:17:22.383 回答