Как разместить div по правому краю родителя?

Question

[zeni1agent]

у меня есть вот такой код

<style>
.scene {
	width: 1000px ; 
	 height: 600px;
	background-color: #6c6c77;
	display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #080808 ;
}

.button_scene {	  
    background: #121213bd;
    color: #ffffffe6 ;
	 height: 100px;
	 width: 100px ; 
	 border-radius: 50px 50px 50px 50px;
   border: 0 ;
}
#menii {
position: absolute ;	
}

</style>


<div class="scene">
<div id="menii"></div>
<input type="button" id="B1" value="Start" name="button1" class="button_scene" onclick="A1(); style.display='none'"  ><br/>
<div id="program"></div>

Мне нужно что бы кнопка button_scene и program располагалась по центру scene
кнопка button_scene при нажатий пропадает
а menii находился по правому краю родительского div scene не двигая program

Comments

[Ankhena]

Мне нужно что бы кнопка button_scene и program располагалась по центру scene

Они у вас по центру

а menii находился по правому краю родительского div scene не двигая program

так задайте right: 0 и relative родителю не забудьте

[zeni1agent]

Ankhena, relative тут не поможет так как тогда menii двигает program и получается вот такая параша

[Ankhena]

zeni1agent, menii не может никого двигать, он абсолют.
Код в песочницу выложите.

Answer 1

[Mark]

float: right;