ul list horizontal

#navlist li
{
display: inline-block;
list-style-type: none;
padding-right: 20px;
}

#navlist li div
{
display: block;
list-style-type: none;
margin-top:5px;
margin-bottom:5px;

}


<ul id="navlist">
        <li id="a">
            <div><img src="images/banner.png" /> </div>
            <div style="text-align:center;">Energy Asia</div>
        </li>
</ul>

google map with marker

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

    var mapOptions = {
    center: new google.maps.LatLng(45.5236, -122.6750),
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map'), mapOptions);

    var myLatlng = new google.maps.LatLng(45.5236, -122.6750);
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"Hello World!"
    });

</script>

<div id="map"></div>