Sideways Font Tutorial
• Simply enough I have left a code at the bottom that you can copy and paste for your website for sideways text (:
Example:
Creative
Blog
• This is the CSS
<style> html { font-family: "times new roman"; } sidewaysfont { font-size: 50px; margin: 0; writing-mode: vertical-lr; text-align: center; line-height: .9; } .rotate { transform: rotate(180deg); } div { display: grid; height: 50vh; justify-content: center; align-content: center; grid-template-columns: max-content max-content; } body { margin: 0; } </style>
• This is the HTML
<div> <sidewaysfont class="rotate">Creative</sidewaysfont> <sidewaysfont>Blog</sidewaysfont> </div> </div> </div> </center> </div> <br><br> THIS IS WHERE YOU BECOME CREATIVE (: IF THIS HELPED YOU, PLEASE FOLLOW ! THANK YOU. <br> <a href="https://yourcreativeblog.neocities.org/" target="_blank"><img src="https://yourcreativeblog.neocities.org/yourcreativeblogbanner1.gif" border=0></a>