Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Martel:300,900|Old+Standard+TT:400,700" rel="stylesheet">
<style>
.taurusnova {
width: 400px;
height: 400px;
padding-top: 80px;
}
.taurusnova b {
color: #bca267;
font-weight: bolder;
font-family: 'Old Standard TT', serif;
font-size: 10px;
}
.taurusnova i {
color: #bca267;
font-weight: normal;
font-family: 'Old Standard TT', serif;
font-size: 10px;
}
.taurusnova u {
color: #bca267;
font-family: 'Old Standard TT', serif;
font-size: 10px;
letter-spacing: 1px;
}
.taurusnovaborder {
width: 400px;
height: 400px;
border-bottom: 1px solid #bca267;
border-top: 1px solid #bca267;
position: relative;
top: -390px;
left: 0px;
z-index: 1;
}
.taurusnovaheader {
font-family: 'Old Standard TT', serif;
font-size: 65px;
font-weight: bold;
transform: rotate(-90deg);
position: relative;
left: -143px;
top: 115px;
font-style: italic;
z-index: 9999;
color: #bca267;
}
.taurusnovagif {
width: 300px;
height: 100px;
background: url('https://78.media.tumblr.com/1b108d57d3d17d8c136695e8021a1552/tumblr_nsyrbtsrEi1r1bjqxo1_400.gif') right no-repeat #000;
background-size: 190px;
position: relative;
top:-45px;
left: 20px;
z-index: 999;
}
.taurusnovawordscont {
width: 300px;
height: 200px;
background-color: #fbfaf9;
position: relative;
top: -33px;
left: 20px;
z-index: 99;
}
.taurusnovawords {
width: 240px;
height: 140px;
position: relative;
top: 30px;
z-index: 999;
text-align: justify;
padding: 0px 0px 0px 0px;
overflow: auto;
font-family: 'Martel', serif;
font-weight: normal;
font-size: 8px;
letter-spacing: .5px;
line-height: 14px;
}
</style>
<center>
<div class="taurusnova"><div class="taurusnovaheader">luminous</div><div class="taurusnovagif"></div><div class="taurusnovawordscont"><div class="taurusnovawords">Lorem ipsum <b>dolor</b> sit amet, <i>consectetur</i> adipiscing <u>elit</u>. Nulla dictum tempor mauris, vitae tincidunt augue suscipit consequat. Aliquam scelerisque, nisi at rhoncus aliquam, nibh ipsum dapibus quam, eget efficitur erat dui mattis quam. Donec rhoncus pellentesque neque elementum dictum.
<p></p> Nunc a lacus ex. Etiam vestibulum lorem risus, at mattis elit scelerisque vitae. Curabitur sollicitudin egestas justo eget commodo. Suspendisse malesuada facilisis congue. Quisque aliquet aliquet velit et feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin non justo in massa ornare hendrerit. Duis a cursus neque. Morbi pellentesque cursus elit, sed tristique felis rutrum vel. Nam nec lorem ut lorem sodales gravida. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</div></div><div class="taurusnovaborder"></div></div>
</center>
