I'm trying to get
the 2nd div (the picture
of the orange and copy) to go below
the 1st div (the picture
of the pear and copy), but see how
the Orange copy is going up into
the Pear copy. How can I have
the Orange copy start below
the Pear picture?
Here's my jsfiddle: http://jsfiddle.net/huskydawgs/g8mbgr1e/4/
Here's my code:
<div class="alignleft">
<p><img alt="Pear" src="http://eofdreams.com/data_images/dreams/pear/pear-01.jpg" width="144" height="150" /></p>
The pear is native to coastal and mildly temperate regions
of the Old
World, from western Europe and north Africa east right across Asia. It is a medium-sized tree, reaching 10–17 metres (33–56 ft) tall, often with a tall, narrow crown; a few species are shrubby.
The fruit is composed
of the receptacle or upper
end of the flower-stalk (the so-called calyx tube) greatly dilated. Enclosed within its cellular flesh is
the true fruit: five cartilaginous carpels, known colloquially as
the "core". From
the upper rim
of the receptacle are given off
the five sepals[vague],
the five petals, and
the very numerous stamens.
In ancient Egypt, artists used an orange mineral pigment called realgar for tomb paintings, as well as other uses. It was also used later by Medieval artists for
the colouring
of manuscripts. Pigments were also made in ancient times from a mineral known as orpiment. Orpiment was an important item
of trade in
the Roman Empire and was used as a medicine in China although it contains arsenic and is highly toxic. It was also used as a fly poison and to poison arrows. Because
of its yellow-orange colour, it was also a favourite with alchemists searching for a way to make gold, both in China and
the West.
The pineapple is a herbaceous perennial which grows to 1.0 to 1.5 meters (3.3 to 4.9 ft) tall, although sometimes it can be taller. In appearance,
the plant itself has a short, stocky stem with tough, waxy leaves. When creating its fruit, it usually produces up to 200 flowers, although some large-fruited cultivars can exceed this. Once it flowers,
the individual fruits
of the flowers join together to create what is commonly referred to as a pineapple. After
the first fruit is produced, side shoots (called 'suckers' by commercial growers) are produced in
the leaf axils
of the main stem. These may be removed for propagation, or left to produce additional fruits on
the original plant.[4] Commercially, suckers that appear around
the base are cultivated. It has 30 or more long, narrow, fleshy, trough-shaped leaves with sharp spines along
the margins that are 30 to 100 centimeters (1.0 to 3.3 ft) long, surrounding a thick stem. In
the first year
of growth,
the axis lengthens and thickens, bearing numerous leaves in close spirals. After 12 to 20 months,
the stem grows into a spike-like inflorescence up to 15 cm (6 in) long with over 100 spirally arranged, trimerous flowers, each subtended by a bract. Flower colors vary, depending on variety, from lavender, through light purple to red.
Here's my CSS:
.alignleft {
float: left;
margin: 0px 30px 20px 0px;
}
.alignright {
float: right;
margin: 0px 0px 20px 30px;
}
