eaOKQv

eaokqv.markdown

eaOKQv

A Pen by Dmitry888888 on CodePen.

License.

index.html

<div id="main" class="container">
<div id="title" class="item1">Charles Maurice de Talleyrand-Périgord</div>
<div id="img-div"> <p>The man who outlasted six different regimes. </p><img  class=image id="image" src="https://www.remocontro.it/wp-content/uploads/2018/11/Vienna-fb-1.jpg" alt="Image of Charles"> </div>
  
<div  id="tribute-info">Second form  right in first row at the Congress of Vienna, 1814–1815 </div> 
<div id="header2">Here's a time line of Talleyrand life:</div>
<div id="list_life"><ul>
    <li>Born	2 February 1754
Paris, Kingdom of France</li>
    <li>Had a fantastic life with awesome intrigues</li>
    <li>17 May 1838 (aged 84)
Paris, Kingdom of France</li>
  </ul>
  </div>
<p1 id="link">If you have time, you should read more about this incredible human being on his <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Charles_Maurice_de_Talleyrand-P%C3%A9rigord">wikipedian entry.</a><p1>
</div>

style.css

#title{
  text-align: center;
}
#img-div{
  text-align: center;
}
#tribute-info{
  text-align: center;
}
#image{
width:85%;
height:85%;
      display:block;
    /* For vertical center - margin: 0 auto;
       For horizontal center - margin: auto 0px;*/
      margin: auto auto;
border-color: green;
border-width: 3px;
border-style: solid;
border-radius:1%;
}
#header2{
text-align: center;
margin-top: 20px;
font-weight: 600;
}
#list_life{
margin-top: 10px;
line-height: 1.5;
align="left";
padding-left: 20%;
padding-right: 20%;
}
#link{
font-weight: 450;
padding-left: 20px;
}
.container
{
display: grid;
max-width:100%;
background-Color: #FAEBD7;

}