css - Html: image going to new line when resizing page -


i making header on html page in have image aligned left of page , image aligned right. want there center background color white when enlarge page horizontally, , center white section minimize nothing when shrink page horizontally. image on right should cut of right page shrinks.

the main problem i'm having image on right goes down below left image when shrink page. how can fix this? center section isn't white well.

html:

<div class="navlogo">     <div class="left">         <img src="weir-logo.jpg">     </div>     <div class="right">         <img src="compass.jpg" />     </div> </div> 

css:

.navlogo { width:100%; background-color: white; }  .navlogo .left { float:left;        }  .navlogo .right { float:right; } 

i go turnip's answer, here's option variety, if tables:

<table style="width:100%;background-color:white">     <tr>         <td align="left">             <img src="weir-logo.jpg">         </td>         <td></td>         <td align="right">             <img src="compass.jpg" />         </td>     </tr> </table> 

Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -