Код:
<div class="htmldemo"> <style> .persona { width: 505px; background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat; border: 3px double #2c2e3a; } .egg { background: rgba(35, 33, 23, 0.10); position: relative; width: 500px; margin-left:0; } .eggtext { background: rgba(0, 0, 0, 0) url("") repeat scroll 0 0; opacity: 1; height: 560px; position: absolute; text-align: justify; padding: 20px; width: 460px; padding-top: 17px; } .egg:hover .eggtext { opacity: 1; } .yanepomnu { font-size:11px } .nuvot { font-size: 11px; letter-spacing: 1px; margin-top: 20px; background: url('') rgba(220, 220, 220, 0.85); padding: 10px; } </style> <center> <div class="persona"> <div class="egg"> <div class="eggtext"> <img src="https://i.imgur.com/9qoqRZ6.gif"> <div class="yanepomnu"> </div> <div class="nuvot"><center style="font-family: georgia; font-weight: bold; font-size: 17px; ">НОВОСТНАЯ ГАЗЕТА МИКАГАМИ <hr></center> <div style="height: 355px; overflow: auto;"> <center><b>14/02</b> — (почти) торжественное открытие ролевой!</center> <hr> <center style="font-family: georgia; font-weight: bold; font-size: 14px; ">В Микагами стекаются новые люди?! </center> Последние громкие новости: наш скромный городок постепенно становится все более и более шумным. По сведениям от тех, кто не захотел держать язык за зубами, косясь на репортеров нашей бравой газеты как на опасных врагов общества, все дело в простом реформаторском плане правительства нашей префектуры. Если верить нескольким старшеклассникам, которые согласились дать интервью в обмен на порцию тайяки, то новый трудовой год в Микагами станет куда более оживленным, чем предыдущие несколько лет. Давайте же встретим наших новых гостей дружелюбно! Будем надеяться, что школы не будут переполнены, а частный семейный бизнес не погибнет под гнетом больших магазинов... Все на странице 5! <table><tr><td width=40%><img src="https://i.imgur.com/5zo6cay.png"></td> <td width=60%>Матушка Микагами отказалась давать комментарии по этому поводу. По словам нашей любимой предсказательницы: «Будущее слишком туманно, бизнес может развиться в любом направлении, а вы так и не занесли мне пять тысяч йен за прошлый сеанс». Что ж, будем надеяться, что в скором времени Матушка даст более точные комментарии. И забудет про долг. Но, главное, все же забудет о долге. Ох уж эта Матушка!</td></tr></table> <table><tr><td>Спонсор нашей газеты — «Удивительные товары Танаки». Если вам некуда потратить деньги, а их слишком много, вы знаете куда звонить.</td><td width=210px><img src="https://i.imgur.com/ilufFPS.png"></td></tr></table> </div> </div> </div> <img src="https://i.imgur.com/crEBws9.png"> </div> </div> </center></div>