html - Black space between 2 of my divs. I dont know how to remove them. Have tried a couple of things -


this screenshot of it. want label , image both fit inside blue div

i want both of them fit inside blue div. nothing did worked. read should have them float left/right stills have blank space. set margin on 0. still blank space. thing removed blank space line height on 0px. messed label placement. kinda lost on one

html :

<div class="playerinfo"> <div class="playerchamp">     <img src="profileicon10.jpg" width="100" height="100" >         <div class="playername">             <label for="male">male</label>         </div> </div> </div> 

css

.playerinfo {       height:120px;       width:130px;       background:blue;         border:solid 1px black;   }    .playerchamp {   width:100px;   height:100px;   background :red; }    .playername {   width:100px;   height:20px;   background :red; } 

add margin-top: -4px; .playername pull , won't have space between 2 divs.

see fiddle


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -