Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Chapter 11: PositioningElements that are absolutely positioned are positioned, by default,relative to the browser’s viewport. This is done using theposition property. The position property is used in conjunctionwith four offset properties, which are used to control where onthe screen an absolutely positioned element is placed.Top, LeftTop, RightBottom, LeftBottom, Right2. Save the preceding document as Example_11-1.html.3. Enter the following CSS in your text editor:body {background: yellowgreen;}p {margin: 10px 110px;}div {position: absolute;background: yellow;padding: 5px;width: 100px;height: 100px;}div#top-left {top: 0;left: 0;border-right: 1px solid black;border-bottom: 1px solid black;}div#top-right {top: 0;right: 0;border-left: 1px solid black;border-bottom: 1px solid black;}div#bottom-left {bottom: 0;left: 0;379