Im having a problem with my footer ( started learning css two days ago).this is the bottom of my page:
<https://gyazo.com/b681e5ca06f7f89bac727ea20a1ff3dd>

now i want the links to stick to the bottom without manipulating margins seperately for each div. So i tried to make the parent div have position:relative and the insider element have position:absolute.
what happens is this:
<https://gyazo.com/0031cbb528e4c80600f1533f4b60993d>

the relevant code for CSS:

```
.footer {
    width: 100%;
    height: 200px;
    float: left;
    position: relative;
    display: inline-block;

}
.infotype {
    float: left;
    display: inline-block;
    color: black;
    width: 30%;
    margin-left: 30px;
    bottom: 0 auto;
    position: absolute;
}

```

---

relevant code for HTML:

```
<section class="row">
            <div class="footer">
                <div class="infotype data">
                    <h3>Rockets and spacecraft</h3>
                    <a href="#">Falcon 9</a><br>
                    <a class="info" href="#">Falcon Heavy</a><br>
                    <a class="info" href="#">Dragon</a>
                </div>
                <div class="infotype updates">
                    <h3>Updates</h3>
                    <a class="info" href="#">News</a><br>
                    <a class="info" href="#">Launch Manifest</a>
                </div>
                <div class="infotype about">
                    <h3>About SpaceX</h3>
                    <a class="info" href="#">Company</a><br>
                    <a class="info" href="#">Careers</a><br>
                    <a class="info" href="#">Gallery</a><br>
                    <a class="info" href="#">Shop</a>
                </div>
            </div>
        </section>

```

sorry for my poor formatting skills, like i mentioned im new here.