input submit tag
<input type=”submit” name=”submit” value=”submit”> There are so many submit in the input tag, what do they mean? We often use <input> in a form to transfer back some user input […]
css overflow and overflow-wrap
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 […]
Show div in one line
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 […]
When is javascript executed?
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> […]
Glyphicon, font-family, @font-face, unicode, etc.
I often see cool icons on webpages such as the stars for rating. At first, I think those are images, i.e., <img> elements. But actually they are not. They are […]
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 […]
The choosing logic in img srcset
I miss the old days when <img> has only a few simple attributes and you only need to know that src is used to store the url of the image. […]
How to center a button using CSS?
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 […]