I have the following code but the image is wrapping below the input box. What am I doing wrong?
<input type=text name='test" />
<div style="float:left"><img src="test.jpg" /></div>
views:
21answers:
3
A:
the <div> tag it's a block, it mean have a new line before and after, try to use a <span>
<span ><img src="test.jpg" /></span>
Cesar
2010-10-16 01:58:23
Or just drop the span and leave the `img` there alone. Also, the correct term is "block level element". The `div` is not a "block" ;)
Yi Jiang
2010-10-16 01:59:33
maybe yes, i guess the div it's there for a reason... i hope :)
Cesar
2010-10-16 02:01:14
@ Yi, I tried this but the image still wraps below the input
jim
2010-10-16 02:01:36
well, you can also <img src="test.jpg" display:inline; " />
Cesar
2010-10-16 02:03:05
A:
You want this instead.
<input type="text" name="test" style="float:left" />
<div><img src="test.jpg" /></div>
It also works just as well if you remove the <div>
Thomas
2010-10-16 02:08:20