<main id="main">
<header>
<h1 id="title">Marie Curie</h1>
<p>The only person to win a Nobel Prize in two scientific fields.</p>
</header>
<figure id="img-div" class="image">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Marie_Curie_c._1920s.jpg" id="image" alt="A photograph depicting Marie Curie in the year 1920.">
<figcaption id="img-caption">Marie Curie, 1920</figcaption>
</figure>
<section id="tribute-info">
<p class="bold-paragraph">Here's a time line of Marie Curie's life:</p>
<ul class="custom-list">
<li>
<span><strong>1867</strong> - Born in Warsaw, Poland.</span>
</li>
<li>
<span><strong>1891</strong> - Earns advanced degrees and conducts subsequent scientific work in Paris.</span>
</li>
<li>
<span><strong>1895</strong> - Marries the French physicist Pierre Curie.</span>
</li>
<li>
<span><strong>1903</strong> - Receives the Nobel Prize in Physics for developing the theory of "radioactivity".</span>
</li>
<li>
<span><strong>1911</strong> - Receives the Nobel Prize in Chemistry for her discovery of the elements polonium and radium.</span>
</li>
<li>
<span><strong>1920</strong> - Founds the Curie Institute a major medical research centre in Paris.</span>
</li>
<li>
<span><strong>1922</strong> - Marie Curie becomes a fellow of the French Academy of Medicine.</span>
</li>
<li>
<span><strong>1922</strong> - She becomes a member of the League of Nations' newly created International Committee on Intellectual Cooperation.</span>
</li>
<li>
<span><strong>1923</strong> - Marie Curie writes a biography of her late husband, titled <em>Pierre Curie</em>.</span>
</li>
<li>
<span><strong>1930</strong> - She is elected to the International Atomic Weights Committee, on which she serves until her death.</span>
</li>
<li>
<span><strong>1932</strong> - Founds another Curie Institute a major medical research centre in Warsaw.</span>
</li>
<li>
<span><strong>1934</strong> - Dies at the age of 66.</span>
</li>
</ul>
</section>
<p class="bold-paragraph">If you have time, you should read more about this incredible human being on her <a id="tribute-link" href="https://en.wikipedia.org/wiki/Marie_Curie" target="_blank">Wikipedia entry</a>.</p>
</main>
main {
background-color: #f5f6f7;
font-family: sans-serif;
font-size: 18px;
padding-bottom: 1px;
margin-bottom: 30px;
}
h1 {
text-align: center;
font-size: 40px;
margin-top: 25px;
padding-top: 40px;
}
p {
text-align: center;
padding-bottom: 5px;
}
.bold-paragraph {
font-weight: bold;
font-size: 20px;
margin: 30px auto;
width: 80%;
}
.image {
width: 96%;
background-color: white;
margin: auto;
padding: 20px 0;
}
img {
width: 70%;
max-width: 100%;
display: block;
margin: 0 auto;
}
figcaption {
text-align: center;
margin-top: 15px;
}
section {
width: 50%;
margin: auto;
}
.custom-list {
list-style-type: none;
text-align: left;
}
.custom-list li {
display: table;
margin-bottom: 15px;
line-height: 1.5;
}
.custom-list li::before {
content: '\2022';
font-weight: bold;
margin-right: 10px;
}
.custom-list li span {
display: table-cell;
}
a:visited {
color: brown;
}
a:hover {
color: black;
}
a:active {
color: springgreen;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.