Hallo ich hab das Problem, dass bei mir der Button versetzt zur Textbox angezeigt wird. Wie kann ich dies beheben?
Hier der Quellcode:
CSS: test
#records{
margin-top: 123px;
background-color: aquamarine;
font-size: 30px;
}
#textbox_top{
border-style: solid;
border-color: olive;
border-width: 2px;
border-radius: 20px;
font-size:30px;
padding-left: 20px;
padding-right: 20px;
width:70%;
}
.radio_button_top{
}
#whole_area_top{
}
#button_area{
border-radius: 20px;
background-color: red;
border-width: 2px;
border-color: blue;
color: white;
height:45px;
width: 20%;
}
#button_area:hover{
background-color: green;
}
#textbox_top::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #CCCCCC;
font-family: 'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
#textbox_top:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #CCCCCC;
opacity: 1;
font-family:'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
#textbox_top::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #CCCCCC;
opacity: 1;
font-family: 'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
#textbox_top:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #CCCCCC;
font-family: 'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
#textbox_top::-ms-input-placeholder { /* Microsoft Edge */
color: #CCCCCC;
font-family: 'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
#textbox_top::placeholder { /* Most modern browsers support this now. */
color: #CCCCCC;
font-family: 'Grand Hotel';
font-size: 30px;
font-weight: bold;
}
label {
font-size: 20px;
}
Alles anzeigen