CSS overflow and overflow-wrap seem easy to understand, but I find no document gives you clear explanation. I mean you can understand their definition by reading those document, but only […]

How to make div as button in html?

You  are taught by HTML books to make a button using the <button> tag. But you’ll soon be disappointed in real world because you can hardly find a button created […]

How to make text center align in div?

You may think it is easy to center text in div: tml> <head> </head> <body> <div style=”background-color:red;width:100px;height:100px;text-align:center;”> subscribe </div> </body> </html> In the above example, you want to use the […]

How to show div in one line with CSS? You know  div is a block element which is shown on a separated line by default. Only inline elements such as […]

I do not know why I never considered when javascript code is executed on a webpage, but it is indeed an important issue. Consider the following example: <html> <head> <script> […]

html ::before ::after pseudo-elements

Sometimes, when I inspect an element on a webpage by right-clicking the element and choosing the “Inspect Element” menu item, I can find an interesting element “::before” or “::after” inside […]

Button is an inline element. It can not be centered using the “margin:auto;” that is for block element. Even if you set “display:inline-block” for it, the “margin:auto;” still has no […]