The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.
<!DOCTYPE html> <html> <head> <style> .foo { position: absolute; left: 15%; top: 30%; bottom: 30%; width: 70%; height: 40%; text-align: left; border: 3px rgb(0, 0, 0) solid; } </style> </head> <body> <p class="foo"> The quick brown red fox jumps over the lazy dog The quick brown red fox jumps over the lazy dog </p> </body> </html>