<div align="center"> <div style="background: url('https://i.postimg.cc/RFQgZhrk/12-Resize-image-progif-ru.png');width:350px; height:350px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:-20px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ ССАЛКУ НА МУЗЫКУ" style="width: 150px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #8B2500; background-color: black;margin-top:168px;margin-left:100px; " title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio></div> </div> </div>
В КОДЕ ПРОПИСАНО, ГДЕ ВСТАВИТЬ MP3 ФАЙЛ И НАЗВАНИЕ ИСПОЛНИТЕЛЯ.
КОД ИСПРАВИЛ. ВСЕ ПО ЦЕНТРУ.
<p style="text-align: center;"> </p> <p style="text-align: left;margin-left:20em;"> <img alt="8d95d18750c6247d9fc293921d30fbdf (500x200, 217Kb)" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/4/160/700/160700793_8d95d18750c6247d9fc293921d30fbdf.gif" src="//img1.liveinternet.ru/images/attach/d/4/160/700/160700793_8d95d18750c6247d9fc293921d30fbdf.gif" style="width: 325px; height: 130px;" /></p> <div style=" float:left; margin:1em; margin-left:20em; background-color:#FFD700; padding:2em; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 12px 55px 1px rgba(205, 155, 29, 0.9); -webkit-box-shadow: .5px 12px 35px 1px rgba(205, 155, 29, 0.9);"> <figure style=" font-family: sans-serif; color: #FF8C00; font-size: .7em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"> <h1> 𝄞 МУЗЫКА 𝄞</h1> <div style=" cursor: pointer; max-width: 25em;"> <hr style="opacity: 0.9" /> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА МУЗЫКУ" style="width: 250px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #FF8C00; background-color: black;margin-top:5px;margin-left:-10px; " title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ; type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div> <div style=" cursor: pointer; max-width: 25em;"> <hr style="opacity:
<center> <div align="center"> <div style="background: url('1');width:450px; height:253px;"> <div style="text-align: left; padding:(2)170px 5px 5px 5px;"> <center> <div align="center"> <table background="https://i121.fastpic.org/big/2023/0119/18/8e0211d233a8f00dd2f323472fc5b218.png" height="400" title="Play/Pause" width="400"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/3//13447/13447181_valeriileontevtuymenyanezabuyvai.mp3" style="width: 100px; opacity: 0;"title="Валерий Леонтьев - Милый друг"></audio></td> </tr> </tbody> </table> </div> </center> </div> </div> </div> </center>
<center> <div align="center"> <div style="background: url('1');width:450px; height:253px;"> <div style="text-align: left; padding:(2)170px 5px 5px 5px;"> <center> <div align="center"> <table background="https://i121.fastpic.org/big/2023/0119/d2/8e2fdf685c7c52cb33caa19c305cf2d2.png" height="400" title="Play/Pause" width="400"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/3//13447/13447182_irinaallegrovamladshiileitenant.mp3" style="width: 120px; opacity: 0;"title="Ирина Аллегрова - Младший лейтенант"></audio></td> </tr> </tbody> </table> </div> </center> </div> </div> </div> </center>
<center><div align="center"><div style="background: url('Адрес фоновой картинки"><div style="text-align: left; padding:(местоположение плеера)0px 0px 0px 0px;"><table background="//img1.liveinternet.ru/images/attach/d/3/155/728/155728265_Novuyy_proekt__21_removebgpreview.png " height="80" width="170" title="Play/Pause"><tbody><tr><td align="center" style="padding: 0;" valign="bottom"><audio controls="controls" src="Адрес муз.файла.mp3" style="width: 120px; opacity: 0;"></audio></td></tr></tbody></table></div></div></div></center>
<center><div align="center"><div style="background: url('А"><div style="text-align: left; padding:(плеер)0px 0px 0px 0px;"><table background="//img1.liveinternet.ru/images/attach/d/3/155/712/155712399_Novuyy_proekt_45.png " height="80" width="170" title="Play/Pause"><tbody><tr><td align="center" style="padding: 0;" valign="bottom"><audio controls="controls" src="АДРЕС МУЗ.ФАЙЛА.mp3" style="width: 120px; opacity: 0;"></audio></td></tr></tbody></table></div></div></div></center>
Далее...
<center> <div align="center"> <table background="https://i.postimg.cc/xTgSKDk1/11ezgif-com-resize.gif" height="79" title="Play/Pause" width="400"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src="АДРЕС МУЗ.ФАЙЛА.mp3" style="width: 120px; opacity: 0;"title="Группа ЗАПЛАТКИ - Фонарики"></audio></td> </tr> </tbody> </table> </div> </center> </div> </div> </div> </center>
<center> <div align="center"> <table background="https://i.postimg.cc/bNt3f7kN/31844.gif" height="32" title="Play/Pause" width="400"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src="АДРЕС МУЗ.ФАЙЛА.mp3" style="width: 100px; opacity: 0;"title="Валерий Леонтьев - Ярмарки Краски"></audio></td> </tr> </tbody> </table> </div> </center> </div> </div> </div> </center>