i tried to make a website so i started with adding a nav bar. i added Home in the div block but the word home
was going out of the block
(((((((
My Webpage
<body style="background-color:#C6E2FF" />
<div style="height:60px; width:1200px; background-color:#20b2aa;
margin:auto; border-radius:100px;">
Home
)))))))))
![|690x339](upload://iu2IQ3hEXLzhWgmZUwugEvbWPeE.png)
iwant to add home at the left side what should i do???
you could add: padding-left: 10px; to your div
, keep in mind that adding padding will expand the box, you might also want to include box-sizing: border-box;
(to the style attribute, both of them) to make padding and the border part of the width and height of a element
The reason it is outside the block, is because of border-radius, the text is on the left side of the block, border-radius makes the border have a radius, which makes it smaller, but the text doesn’t care. It will still be on the left side, like it was a rectangle