Home/ Questions/Q 8746943
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:16:33+00:00

I think this is very basic CSS question . But here is the fiddle

  • 0

I think this is very basic CSS question .

But here is the fiddle and below is the code

http://jsfiddle.net/G6pqC/

<!DOCTYPE html>
<html>
<head>
<style>

#topDiv {
    width:280px;
    height:500px;
    background-color:red;
}

.element{
    position:relative;
    right :100px;
}

</style>
</head>

<body>
<div id="topDiv">
    <input  type="button" value="button1" />
    <input  type="button" value="button2" />
    <input  type="button" value="button3" />
    <input  class='element' type="button" value="button4" />
    <input  type="button" value="button5" />
</div>

</body>

</html>

Can I know how I can move button5 to the first line and as a last element ? I moved button 4 to right and now I have place in the first line , But still button5 is going to the next line . Any one please ?

Thanks for your help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Can you increase the width of #topDiv? Like this:

    #topDiv {
    width:320px;
    height:500px;
    background-color:red;
}​

    http://jsfiddle.net/G6pqC/1/

    • 0