In this article, we are going to show you how to align your website logo at the centre of the website.
This involves a very simple HTML codings and styling.
First, you need to have your logo in the same folder as your other images and photos. Make sure your logo is very attractive; usually a logo carries some information about the company or the website.
You can use or hire somebody to design for you a good logo or apply online like in Fiverr and pay for the quality of the logo.
Now, to put your logo at the right corner of the website, you simply place this code between the body tangs;
<div class="column">
<div class="logo">
<br>
<img src="log.jpg" alt="logo">
</div>
</div>
<body>
</body>
and you are done.
Now, to place the logo at the centre, you simply use the CSS
<style>
.white-box {
width: 100%;
height: 120;
border-radius: 30px 30px 0px 0px;
display: block;
text-align: center;
transform: translateY(-20px);
padding: 4px;
background: #fff;
}
</style>
And that is wow?
Your logo should look like this
Thank you very much for reading this educative blog.
