Displaying images horizantally

Displaying images horizantally

Hello, I have two images i want to put them next to each other.

This is the part that i have on HTML &js
What i try to do is put images next to each other i guess 160
  1.     <link type="text/javascript" href="homejs.js">
    <div id="titleimages">
    <img src="brain logo.jpg" alt="logo" id="logo" />
    <img src="entranceimg.jpg" alt="entranceimg" id="quote1" />
    </div>
  2. // this is the part on js
  3. $(document).ready(function(){
        var $pic = $('#titleimages');
        $pic.hide();
        var imgs = $pic.length;
        var next;
        for (i=0; i<imgs; i++) {
            next=$pic.eq(i);
            next.css({'position':'absolute','left':160*i});
            next.show();
        }
    });