<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/5379452055939795387?origin\x3dhttp://cookie--bear.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Hmm, you might think it is simple for background with only 1 colour and no picture. But what if there are multi-colour and picture? Ever wondered how to? Well, wonder no more cos in this tutorial, you will learn how!

Example:
I am doing a button request. I want the text to be in the middle. But then, I aligned it wrongly!

So here's how:
#1: Do not click anything once you've finished typing, NOTHING AT ALL.

#2: Extend your image and textbox just like in the picture below.

#3: Push the right border of your text box to the center until you're satisfied with it.

#4: Hit Ctrl + E on your keyboards and they will show you your current height and width. Then change the width (and height if you extend them) to your actual width/height.

And you're done! :D

Labels: t1