Код:
<!--HTML--> <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One" rel="stylesheet" type="text/css"> <style type="text/css"> .anketa {border-radius: 10px; background-color: rgb(255, 255, 255); color: #3e403f; font-size: 12px; width: 550px; border-bottom-style: outset; padding: 5px; } .name_title { color: #3e403f; padding-top: 10px; text-shadow: 2px 2px #fff, 3px 3px #eee; line-height: 80%; font-size: 30px; text-align: center; font-family: 'Julius Sans One', sans-serif; } .subname { padding-bottom: 10px; text-align: right; font-family: Courier New; font-style: italic;} .profilepic {border-style: outset!important; border-width: 10px!important; border-color: rgba(6, 9, 27, 0.69)!important; border-radius: 100px;}.idin {letter-spacing: 1px; background-color: #878888; width: 314px; text-align: left!important; color: white; padding-top: 2px; padding-left: 6px; border-top-right-radius: 200px; font-family: Julius Sans One; } .rep { width: 320px; background-color: rgba(135, 136, 136, 0.59); border-bottom-left-radius: 100px; text-align: center;}</style> <center><div class="anketa"> <div class="name_title"><b>ФИО латиницей</b></div><div class="subname"><b>ФИО кириллицей</b> известна как <b>прозвище</b></div> <div style=""><img class="profilepic" src="http://placehold.it/180x180"><div class="inf"><div class="idin">Age</div><div class="rep">...</div></div><div class="inf"><div class="idin">Date and place of birth</div> <div class="rep">...</div></div><div class="inf"><div class="idin">Profession</div><div class="rep">...</div></div><div class="inf"><div class="idin">Orientation</div><div class="rep">...</div></div></div></div></center>