问两个相邻的img相互浮动，不走下一行

EN

#a
{
    display: table-cell;
}

#b
{
    text-align: right;
    display: table-cell;
    vertical-align: top;
}

#Wrapper
{
    display: table;
}

<div id="Wrapper" style="width:100%">
    <div id="a"><div style="max-width: 350px;">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg/691px-Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg" width="100%" />
    </div>
    <div id="b">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg/691px-Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg" style="width: 50px; height: 50px" />
    </div>
</div>

<div id="maincontainer">


<div id="a"> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg/691px-Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg" /></div>
<div id="b"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg/691px-Ultraviolet_image_of_the_Cygnus_Loop_Nebula_crop.jpg" /></div>

</div> 


    #maincontainer {
     width : 600px;
     height : 100px;
     border : solid 2px #0f0f0f;
     }
     #maincontainer img {
        width : 280px;
        height : 80px;
        margin:0 auto;
        display:block;
        background:red;
    }

#a
{
    float: left;
}

#b
{
    float: right;
}