1div {
2 border-bottom: 4px dashed blue;
3 background-color: gold;
4 height: 100px;
5 width: 100px;
6 font-weight: bold;
7 text-align: center;
8}
9
1.bottom {
2 position: fixed;
3 bottom: /*AMOUNT DOWN AFTER IT ADD REM OR % OR PX */;
4}
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset=utf-8 />
5<title>Test</title>
6<style>
7 #foo {
8 position: fixed;
9 bottom: 0;
10 right: 0;
11 }
12</style>
13</head>
14<body>
15 <div id="foo">Hello World</div>
16</body>
17</html>