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.

set h1 , images display: inline-block;

enter image description here

from css display: inline vs inline-block


Comments

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -