body {
background-color: black;
}
.inner{
margin-left:400px;
color:white;
width:650px;
height:450px;
top:130px;
position:fixed;
padding-left:30px;
padding-right:30px;
text-align:center;
background-color:grey;
}
.outer {
height:500px;
width:1000px;
top:100px;
bottom:0px;
margin-left:260px;
position:fixed;
background-color:white;
}
<div class="outer">
</div>
<div class="inner">
<img />
<h2>RK</h2>
<h5>wtv@wtc</h5>
<a>
Github
</a>
<p>blah blah blah </p>
<br>
<p> blah blah blah</p>
</div>
In the outer
class, no matter how much I change the bottom property, it seems to have no effect on the final appearance of the webpage. I suspect this has something to do with block and inline elements, but I would appreciate any guidance in clarifying my understanding of these concepts. Any suggestions?