html - Increase the space between the image and the text -
how increase space between image , div? have display text in div object. image in 1 tag, , text in div tag beside image.
<div> <div id="top"> <img src="" id="toppopupimage" hspace="50" style="width:85px;height:90px;float:left;background-color:white;"> <div id="text" class="externaltext"></div> </div> </div>
one way add margin
, float
#text
div:
#text { margin-left: 15px; float: left; }
<div> <div id="top" > <img src="" id="toppopupimage" hspace="50" style="width:85px;height:90px;float:left;background-color:white;"> <div id="text" class="externaltext">text</div> </div> </div>
another way remove float image , set display: inline-block;
on elements:
img { width: 85px; height: 90px; background: white; display: inline-block; } img + div { display: inline-block; vertical-align: top; }
<div> <div id="top" > <img src="" id="toppopupimage" hspace="50" > <div id="text" class="externaltext">text</div> </div> </div>
Comments
Post a Comment