Home/ Questions/Q 8139637
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T11:53:37+00:00

Given this simplified snippet : <html> <body> <div> <div style=’text-align:center;’>asdfaskjdfakjsd</div> <div style=’float:right’> <input type=’submit’

  • 0

Given this simplified snippet :

<html>
  <body>
    <div>
      <div style='text-align:center;'>asdfaskjdfakjsd</div>
      <div style='float:right'>
        <input type='submit' value='asdf' />
      </div>
    </div>
  </body>
</html>

The button floats to the right, but below the text(On the next line). I know I can realign it using relative positioning, but is there a correct way of having both on the same line.

Even better if adding the button on the right would not effect the centre align of the text. ie it does not get pushed to the left.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I apologize for jumping around. I noticed that even with the reversed divs, the text didn’t appear completely centered.

    Here is yet another solution (5th example): http://jsfiddle.net/tracyfu/zYzqr/

    #method5 {
  position: relative;
}

#method5 .submit {
  position: absolute;
  right: 0;
  top: 0;
}

    The only problem with this is that if you’re not careful, or your text is dynamic, it could collide with the absolutely positioned submit.

    • 0