Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet" type="text/css"><style type="text/css"> .ames-dw-post { width: 550px; height: 500px; padding: 15px; position: relative; font-family: calibri; line-height: 100%; } .ames-dw-post-img { width: 550px; position: absolute; top: 15px; left: 15px; } .ames-dw-post-info { padding: 5px; position: relative; bottom: -180px; z-index: 1; background-color: #dddfe1; color: #000000; font-size: 8px; line-height: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .ames-dw-post-info:after { content: ''; position: absolute; top: -18px; left: 20px; z-index: 1; display: block; border-style: solid; border-width: 0px 20px 18px; border-color: #dddfe1 transparent; } .ames-dw-post-info:hover { bottom: -154px; } .ames-dw-lyrics { width: 550px; padding-top: 20px; position: absolute; top: 195px; z-index: 2; background-color: #dddfe1; font-size: 7.5px; text-align: center; text-transform: uppercase; letter-spacing: 2px; border-top: 4px solid #a65f43; } .ames-dw-lyrics b { display: block; color: #a65f43; font-family: seaweed script; font-size: 20px; line-height: 50%; text-transform: lowercase; letter-spacing: 0px; font-weight: normal; } .ames-dw-post-content { padding: 15px 13px 15px 15px; position: absolute; bottom: 15px; left: 15px; } .ames-dw-post-pad { width: 520px; height: 250px; padding-right: 6px; overflow: auto; font-size: 16px; line-height: 90%; text-align: justify; } .ames-dw-post-pad b, .ames-dw-post-info b { color: #a65f43; } .ames-dw-post-pad:first-letter { float: left; font-family: seaweed script; font-size: 30px; margin: 8px 8px 0 4px; color: #a65f43; line-height: 60%; } .ames-dw-post-pad::-webkit-scrollbar-thumb { background-color: #a65f43; } .tcred { text-transform: uppercase; text-align: right; width: 550px; } .tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; } </style> <center> <div class="ames-dw-post"> <img src="https://forumupload.ru/uploads/001a/72/a7/2/911980.png"> <div class="ames-dw-lyrics"><b>нейтральная территория</b><br> рейтинг NC-17</div><br> <div class="ames-dw-post-content"><div class="ames-dw-post-pad"> Действующий стратовулкан <br> </div></div> </div></center> </style>