Как я могу выровнять два изображения с помощью CSS, один в верхнем положении, а другой в правом верхнем положении?

Question

Как я могу выровнять два изображения с помощью CSS, в том числе в верхнем положении, а другой в правом нижнем положении?

Вот разметка

<th class="X" scope="col"> 
Time 
<input id="ORAAsc" class="up" type="image" style="border-width:0px;" src="" name="ctl00$ContentPlaceHolder1$GridView1$ctl02$ORAAsc"> 
<input id="Desc" class="down" type="image" style="border-width:0px;" src="" name="ctl00$ContentPlaceHolder1$GridView1$ctl02$ORADesc"> 
</th> 

и CSS

.X { 
    height:33px; 
    background-color:#DEDEDD; 
    width:75px; 
    bottom:0; 
    top:0; 
    left:0; 
    right:0; 
    margin-top:20px; 
    margin-bottom:20px; 
    margin-right:80px; 
    margin-left:80px; 
} 





.up{What should i place here?} 

.down{What should i place here?} 

Спасибо за ваше время

Answer 1

Попробуйте

.up { 
top: 0; 
right: 0; 
position: absolute; 
} 

.down { 
bottom: 0; 
right: 0; 
position: absolute; 
} 

Answer 2

jacktheripper прав. Это, как правило, хорошая идея, чтобы добавить еще одну вещь к охватывающему элементу при использовании абсолютного позиционирования:

.x{ 
    position:relative; 
} 

Это гарантирует, что изображения будут абсолютно позиционирован относительно, что их емкость.