Question: Hello i am using **marquee** to scroll from bottom to top.It working fine but it is starting from mid of the screen.But i need to start it from bottom.

```
<!DOCTYPE html>
<html>
<body>
<body bgcolor="#2E9AFE"> 

<marquee bgcolor="#2E9AFE" scrollamount="2" direction="up" loop="true"> 
<center> <font color="#ffffff"><strong> I AM HERE<br> 
                                        Vx.0<br><br> 
                                        DEVELOPER<br>
                                        xxxxxx<br><br>
                                        <br> CONTACT US<br>
                                        xxxxxx</strong></font></center></marquee>

</body>
</html>

```

Answer: 
Vertical Marquee using key-frames:

```css
.marquee {
  position: relative;
  animation: marquee 2s linear infinite;
  text-align:center;
  color:#ffffff;
}
@keyframes marquee {
  0% {
    top: 10em
  }
  100% {
    top: -2em
  }
}
```

```html
<body bgcolor="#2E9AFE"> 
 <p class="marquee">
      I AM HERE<br> 
      Vx.0<br><br> 
      DEVELOPER<br>
      xxxxxx<br><br>
      <br> CONTACT US<br>
      xxxxxx
 </p>
</body>
```
For this you can use `width="500"` `height="400"` in the `<marquee>` tag

```html
<!DOCTYPE html>
<html>

<body bgcolor="#2E9AFE">

  <marquee bgcolor="#2E9AFE" width="500" height="400" scrollamount="2" direction="up" loop="true">
    <center>
      <font color="#ffffff"><strong> I AM HERE<br> 
                                        Vx.0<br><br> 
                                        DEVELOPER<br>
                                        xxxxxx<br><br>
                                        <br> CONTACT US<br>
                                        xxxxxx</strong></font>
    </center>
  </marquee>

</body>

</html>
```