How to change position of buttons to required location inside window?

Question

I have a small doubt regarding styling of my window, I want these two buttons that are on the screen to appear on the bottom right corner of my window. What are the required stylings that i need to give this tag to make the buttons appear at the bottom. I have attached an image of how the position is needed to be altered:css styling doubt

help will be much appreciated. thanks in advance.

Share working code that you have tried.. and also have a look at https://stackoverflow.com/help/how-to-ask — Nawaz Ghori, Nov 02 '17 at 06:53
Please share what have you tried. Kindly read the [community guidelines](https://stackoverflow.com/help/dont-ask) — Saurabh Sharma, Nov 02 '17 at 07:18

score 1 · Accepted Answer · edited Nov 02 '17 at 10:27

1

<button style="position:absolute; bottom:0; right: -290px;">submit</button>

<button style="position:absolute; bottom:0; right: -215px;">cancel</button>

this seemed to sort the probelm i was having about positioning the buttons. thanks for your inputs everyone

edited Nov 02 '17 at 10:27

Minal Chauhan

6,025
8
21
41

answered Nov 02 '17 at 07:35

abhay dogra

11
8

score 0 · Answer 2 · answered Nov 02 '17 at 07:00

Try like this you can achieve what you want.

.wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  background: #ccc;
}
.buttons {
  position: absolute;
  bottom: 0;
  right: 0
}

<div class="wrapper">
 <div class="buttons">
   <button>submit</button>
    <button>reset</button>
 </div>  
</div>

score 0 · Answer 3 · edited Nov 02 '17 at 10:27

0

Put the two buttons inside a div and set the div id="something". Then define the css of the #something.

#something{
   position:fixed;
   bottom:0;
   right:0;
}

edited Nov 02 '17 at 10:27

Minal Chauhan

6,025
8
21
41

answered Nov 02 '17 at 07:02

RedWolf

24
3

How to change position of buttons to required location inside window?

3 Answers3