Question

<div style="background-color:#303030;height:5.5%;">
<input type="text" style="border:1px solid;
                          top:50px;
                          bottom:10px;
                          height:90%;
                          left:20px;
                          width:25%;
                          " />

Here I have a dark div bar, with an input inside it. Why doesnt the top, bottom, left work as expected?

Answer 1

In order for positioning to work, you need to declare what type of positioning to use… position: absolute; position:relative; position: fixed; etc…