HTML/CSS
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!DOCTYPE html> <html lang="ja"> <body> <div id="br_area"></div> <h1 class="m1"> <div id="m1"></div> </h1> <h1 class="m2"> <div id="m2"></div> </h1> </p> </body> </html> <script> var m1 = "AA"; var m2 = "TEST"; document.getElementById('m1').innerHTML = m1; document.getElementById('m2').innerHTML = m2; </script> <style> .m1 { font-family: Roboto; font-size: 180px; font-weight: bold; line-height: normal; padding: 0 0 0; text-align: center; align-items: flex-end; color: #000; } .m2 { font-family: 'arial black'; font-size: 70px; font-weight: bold; line-height: 0; padding: 0 0px; text-align: center; align-items: flex-start; color: #000; } </style>
AAとTESTの隙間をなくしたいです。
どうすれば良いでしょうか？
まだ回答がついていません
会員登録して回答してみよう
