HTML and CSS Reference
In-Depth Information
Figure 2.6. Our Yummy Tweets, as they appear in our original design
We're going to use the
position
property to place the Twitter icons that you see next to
each of those tweets. But before we do this, let's consider exactly what properties we'll use
and how they work.
Absolute and Relative Positioning
CSS allows us to place an element anywhere on a page using the
top
,
bottom
,
left
, and
right
properties along with the
position
property. Let's look at an example:
.example {
position: absolute;
top: 100px;
left: 150px;
}