layout-ex01

Float image

by jywglady

HTML

<div>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Helen_Keller_circa_1920_-_restored.jpg/800px-Helen_Keller_circa_1920_-_restored.jpg" width="200">
Helen Adams Keller (June 27, 1880 – June 1, 1968) was an American author,
political activist, and lecturer. She was the first deaf-blind person to earn a
Bachelor of Arts degree. The story of Keller and her teacher, Anne Sullivan, was
made famous by Keller's autobiography, The Story of My Life, and its adaptations
for film and stage, The Miracle Worker. Her birthplace in West Tuscumbia, Alabama,
is now a museum[1] and sponsors an annual "Helen Keller Day". Her June 27 birthday
is commemorated as Helen Keller Day in Pennsylvania and, in the centenary year of
her birth, was recognized by a presidential proclamation from Jimmy Carter.
<p class="source">~ From Wikipedia</p>
</div>

CSS

div {
  width: 500px;
  text-align: justify;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid brown;
}
img {
  float: right;
  margin: 0 0 12px 18px;
}
.source {
  text-align: right;
  font-style: italic;
}