html - I can't seem to be aligning these images properly -
this basic html problem, want create small website wanted have header in middle of 2 images, problem goes cannot both images align properly.
the result want in blue letters , result have has black letters, i'm sure kinda unneeded decided include anyway.
i'm sure, considering i'm newbie @ html/css i'm doing wrong on here have:
html file:
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>conversor de coordenadas</title> <script src="conversor.js"></script> <link rel="stylesheet" href="conversor.css"> </head> <body><center> <br> <div class="box"> <img id="globe1" src="globe.gif"/> <h1> conversor de coordenadas </h1> <img id="globe2" src="globe.gif"/></div> <br> <div id="background" style="background-image: url(worldmap.gif); height: 400px; width: 520px; "></div> <p><input type="button"> <br> </center> </body> </html>
and css file:
#globe1 { float: left; margin: 0px 0px 15px 20px; height: 100px; width: 100px; } #globe2 { float: right; margin: 0px 0px 15px 20px; height: 100px; width: 100px; margin: 0px 0px 15px 20px; } .box { width: 1000px; }
before anything, tried research of stuff found wouldn't fix problem, i've been using w3schools , i've searched couple of questions here learn know seem have hit stump cuz can't seem fix this...
thanks in advance.
Comments
Post a Comment