Text and image are not aligned

Question

I've got the following jsfiddle which illustrates a problem I'm currently facing. I have got an image tag, and want the text to be vertically aligned along the center of the image. I have tried using padding-bottom but to no avail.

How can I achieve this? Essentially all I need is to move the text up. I have also tried using a label and span, but the problem was there too.

score 0 · Answer 1 · answered Jul 29 '14 at 13:30

0

Add Extra css

.draggable img{
    float:left;
    margin-top:3px;
    padding-right:5px
}

DEMO

answered Jul 29 '14 at 13:30

Sudharsan S

15,336
3
31
49

score 0 · Answer 2 · answered Jul 29 '14 at 13:31

0

is this whata re you to accomplish ?

i added this class :

.draggable img{
    float:left;
    padding-right:5px;
}

answered Jul 29 '14 at 13:31

Youness

1,468
1
9
19

score 0 · Answer 3 · edited Jul 29 '14 at 13:35

0

Try this:

You need to put "Text" in span tag suppose

<span class="user_text">Text Box</span>

And Css:

.user_text { 
  vertical-align:top;
}

edited Jul 29 '14 at 13:35

urbz

2,663
1
19
29

answered Jul 29 '14 at 13:33

Sandeep Pal

2,067
1
16
14

Text and image are not aligned

3 Answers3