Код:
<!--HTML--><style type="text/css">.bh {width: 600px; height: 150px;}</style> <style type="text/css"> div ::-webkit-scrollbar { width: 1px; }</style> <style type="text/css">.tabsg { width: 100%; padding: 0px; margin: 0 auto; } .tabsg>input { display: none; } .tabsg>div { display: none;} .tabsg>label {display: inline; padding: 7px; cursor: pointer; color: white; } #tab_1g:checked ~ #txt_1, #tab_2g:checked ~ #txt_2{ display: block; } </style> <center><div style="background-image: url(https://i.imgur.com/GubZizd.png); width: 600px; height: 250px;"><div class="bh"><div style="width: 370px; padding: 2px 10px 10px 10px; background-color: white; position: relative; top: 20px; left: 50px; font-family: Montserrat; color: #050505; font-size: 10px; opacity: 0.95; text-align: justify; line-height: 120%;"><img src="https://i.pinimg.com/originals/05/1c/e2/051ce2fed5954d9348af8edd72ff014b.gif" height="20px" > сул-сул, наш миленький крысёнок. хотим сразу отбросить все эти банальные фразы и длинные речи приветствия — все мы итак прекрасно знаем, что нас ждёт впереди, разве нет? собрались то уже взрослые, повидавшие жизнь, люди. так что перейдём к делу.<br> // никакого конкретного города у нас не будет в основе — всё сша в вашей власти (тут даже дональд трамп нервно курит в сторонке), а пасхалочку будущей системы вы уже могли заметить в самом начале. <br> // за гостями и «на подумать» внешность держим ровно на сутки, за зарегистрированными — вплоть до открытия.<br> <b>// очень нуждаемся ещё в одной талантливой крыске (графисте/дизайнере) в наш дружный коллектив. если ты прямо горишь желанием помочь и обладаешь сумасшедшей энергетикой, то милости велком в личные сообщения одному из администраторов со своим ником в телеграм.</b><br> // долго сидеть на одном месте не планируем, так что уже начинаем паковать чемоданы на чистовик. <br></div></div></div><div style="width: 600px; background-color: white;"> <div style="font-size: 11px; letter-spacing: 3px; text-transform: uppercase;"> <BR>сша, нс-много, реальчик </div><BR> <div class="tabsg"> <input type="radio" name="inset" value="" id="tab_1g" checked> <label for="tab_1g"><div style="font-size: 12px; background-color: #c8d38f; padding: 5px; сolor: #fff; letter-spacing: 6px; font-weight: 400;"> занятые внешности<br></div></label><input type="radio" name="inset" value="" id="tab_2g"> <label for="tab_2g"><div style="font-size:10px; background-color: #c8d38f; padding: 2px; сolor: white; letter-spacing: 2px; font-weight: 400;"> занятые имена / фамилии<br></div></label> <div id="txt_1"> <table><tr><td><div style="padding-right: 10px; font-family: montserrat, sans-serif; font-size: 9.5px; text-align: center; height: 260px; overflow: auto;"> <div style="font-size:10px; background-color: #a1cadf; padding: 2px; color: white; letter-spacing: 4px; font-weight: 400;">мальчишки<br></div> <br> a // b // c <br><br> chris evans _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>d // e // f // g<br><br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>h // i // j // k<br><br> jacob elordi _ // <a href="link">за амс</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>l // m // n <br> <br> michele morone _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>q // r // s // t <br><br> tom ellis _ // <a href="link">ams</a> <br> robert pattinson _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>u // v // w <br><br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>x // y // z <br><br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> </div></td><td> <div style="padding-right: 10px; font-family: montserrat, sans-serif; font-size: 9.5px; text-align: center; height: 260px; overflow: auto;"> <div style="font-size:10px; background-color: #dfa1b0; padding: 2px; color: white; letter-spacing: 4px; font-weight: 400;"> девчонки<br></div> <br> a // b // c <br><br> bella hadid _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>d // e // f // g<br><br> ester exposito _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>h // i // j // k<br><br> hande ercel _ // <a href="link">за амс</a> <br> kennedy mcmann _ // <a href="link">за амс</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>l // m // n <br> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>q // r // s // t <br><br> sabrina carpenter _ // <a href="link">ams</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>u // v // w <br><br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> <br>x // y // z <br><br> имя фамилия _ // <a href="link">имя фамилия</a> <br> имя фамилия _ // <a href="link">имя фамилия</a> <br> </div></td></tr></table></div><div id="txt_2"> <table><tr><td><div style="padding-right: 10px; font-family: montserrat, sans-serif; font-size: 9.5px; text-align: center; height: 260px;overflow: auto;"> <div style="font-size:11px; background-color: #c5c3ba; padding: 2px; color: white; letter-spacing: 4px; font-weight: 400;"> имена<br></div> <br> a // b // c <br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>d // e // f // g<br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>h // i // j // k<br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>l // m // n <br> <br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>q // r // s // t <br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>u // v // w <br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> <br>x // y // z <br><br> имя _ // <a href="link">имя фамилия</a> <br> имя _ // <a href="link">имя фамилия</a> <br> </div></td><td> <div style="padding-right: 10px; font-family: montserrat, sans-serif; font-size: 9.5px; text-align: center; height: 260px; overflow: auto;"> <div style="font-size:11px; background-color: #c5c3ba; padding: 2px; color: white; letter-spacing: 4px; font-weight: 400;"> фамилии<br></div> <br> a // b // c <br><br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>d // e // f // g<br><br> фамилия _ // <a href="link">имя фамилия</a> <br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>h // i // j // k<br><br> фамилия _ // <a href="link">имя фамилия</a> <br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>l // m // n <br> <br> фамилия _ // <a href="link">имя фамилия</a> <br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>q // r // s // t <br><br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>u // v // w <br><br> фамилия _ // <a href="link">имя фамилия</a> <br> фамилия _ // <a href="link">имя фамилия</a> <br> <br>x // y // z <br><br> фамилия _ // <a href="link">имя фамилия</a> <br> фамилия _ // <a href="link">имя фамилия</a> <br> </div></td></tr></table></div></div><BR><div style="width: 600px; padding: 0px; font-family: arial narrow; color: white; font-size: 10px; letter-spacing: 6px; text-transform: uppercase; background-color: #c8d38f;">soft test. 2020</div></div></center>