Home/ Questions/Q 6167425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T22:30:38+00:00

i need to allign element under RED arrow right under the element where BLACK

  • 0

i need to allign element under RED arrow right under the element where BLACK arrow is pointed at. In other words how do i allign element close enough to input like 2-5px.

https://i.stack.imgur.com/Q4IeX.png

code is here

CSS

 form.loginform 

{  
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;   
    border-radius: 10px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 

}


div.divbg

{
    width: 200px;  
    height: 167px;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    margin-top: 30%;   
    margin-left: 40%;
    background-color: aliceblue;

}

a.register

{

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;

}

#pass 
{
    float: inherit;
    margin: 0;
}

HTML

    <html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel=StyleSheet href="loginstyle.css" type="text/css" media="screen"/>
</head>
    <body>
        <div class="divbg">
            <form method="post" class="loginform">
            Логин  <div class="center"><input type="text" name="login"/></div><br/>
            <div id="pass">Пароль <div class="center"><input type="text" name="password"/></div><br/>
            <a href="#" class="register">хочу зарегистрироваться!</a><br/></div> 
            <input type="submit" name="submit" value="Войти"/><br/>

            </form>
        </div>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a <br /> tag after the #center div. That is what is pushing it down. You also have some padding around the input tag; both of those issues are what is causing that space.

    Your code:

     <div class="center"><input type="text" name="password"/></div><br/>

    Remove that <br />

    • 0