Search code examples
cssbuttonstylesheetvertical-alignment

CSS: How do I get my "send" button to line up (move up) and size up (scale) properly?


If you take a peek at the page I'm trying to create, here, you'll see the issue I'm having pretty quickly. I can't figure out why my send button isn't lined up or sized properly. I've tried changing the height and width of the button, and I've tried adding a bottom margin. The next thing I'm going to try is to change the line height, for the size. I'm more worried about not getting everything aligned, though. As long as everything lines up, it looks nice to me. Can someone help me figure out why it isn't aligned? Also, please ask if you need any additional details.

I've also tried display:inline; and various float settings.


Solution

  • You need to float both the .button_outside_border and the .status_text to the left like in this example. You still have a bit of cleaning up do to get it pixel perfect but this should get you underway.