Home/ Questions/Q 9182837
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T18:39:26+00:00

Suppose I have two div as below (logo and admin): <body id=main_body> <div id=logo_area>

  • 0

Suppose I have two div as below (logo and admin):

<body id="main_body">
<div id="logo_area">
<div id="logo">
  <image></image>
</div>
<div id="admin">
  LOG IN
</div>
</div>
</body>

If I want the admin align next the bottom of the div. That is, it looks like this:

--------------------------------------------
IMAGE
                                  LOG IN
--------------------------------------------

I tried the following CSS and it doesn’t work.

#main_body {
margin:0px;
}

#logo_area {
background-color: #086A87;
height: 60px;
}

#logo {
padding-left:10px;
float:left;
width:80%;
margin-left:auto;
margin-right:auto;
}

#admin {
bottom:0px;
}

Can anyone shed some light here please?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add position:relative to #logo_area and position:absolute to #admin

    #logo_area {
background-color: #086A87;
height: 60px; position:relative
}
#admin {
bottom:0; position:absolute; right:0
}

    DEMO

    Here is the detailed explanation about absolute and relative position

    • 0