The button isn’t inside the input. Here:
input[type="text"] {
width: 200px;
height: 20px;
padding-right: 50px;
}
input[type="submit"] {
margin-left: -50px;
height: 20px;
width: 50px;
}
Example: http://jsfiddle.net/s5GVh/
More Related Contents:
- How to add button inside input [closed]
- Bootstrap 3 – How to maximize input width inside navbar
- How to align texts inside of an input?
- How do I make a text input non-editable?
- html/css empty space at bottom of the website
- Something weird with css
- Would your website perform better if you created stylesheets for each screen size, rather than using a feature such as Bootstrap?
- HTML & CSS : How do I change names and job titles to be under the pictures
- Make grid container fill columns not rows
- Centered elements inside a flex container are growing and overflowing beyond top [duplicate]
- HTML input – name vs. id [duplicate]
- Responsive grid of hexagons
- What’s the proper value for a checked attribute of an HTML checkbox?
- Why does styling the background of the body element affect the entire screen?
- CSS two divs next to each other
- SVGs not scaling properly in IE – has extra space
- Override browser form-filling and input highlighting with HTML/CSS
- Removing whitespace between HTML elements when using line breaks
- How to keep footer at bottom of screen [duplicate]
- How to give the background-image path in CSS?
- Bootstrap – 5 column layout
- Is there a way to get a web page header/footer printed on every page?
- Creating a ‘New’ spiky label with 24 or above point burst
- How to prevent text in a table cell from wrapping
- How to implement curve background in CSS? [duplicate]
- How to prevent text from overflowing in CSS?
- Stretching tag to fill entire
- How to darken a background using CSS?
- How to keep :active css style after click a button
- How do I select an element that has a certain class?