Relative Positioning
Relative positioning I have discovered is far more useful than absolute positioning because it not only makes it so you can use one class for many items but also helps make the site look closer to the same in different browsers. I will be combining relative postitioning with floating to make things look the way I want. I have also realized that it's not just the relative positioning that makes the page work better, but the combination of relative position with other things like floating.
Box Number 1
These 3 boxes will use the same classes and the exact some css coding but will be positioned in different spots.
Box Number 2
Box Number 3
Fennec Fox
The picture you see to the right of this text I will use throughout the concepts I am showing. Here the picture is being floated to the right while the text is wrapping around it. I'm gonna type more text so that it will show it wrapping around better since the text above is not enough to get it down more than half way.
Fennec Fox
The picture you see to the left of this text I will use throughout the concepts I am showing. Here the picture is being floated to the right while the text is wrapping around it. I'm gonna type more text so that it will show it wrapping around better since the text above is not enough to get it down more than half way.
I have learned a lot about relative positioning and floating through making this page and I have obviously not done all that is possible with those two elements. There are numorous ideas that I haven't showed in this page that are possible. An example would be lining several images on the left or right by using the "clear: left/right" property value.