How to make div horizontally and vertically center align?

How to center a div in a page horizontally and vertically

So many people have been asked me about the same query even yesterday a new web designer in my company having six months of experience, asked me that how to align a div center on a page without using any JavaScript and any other script. There are two ways through CSS to make a div horizontally and vertically centers align on a page.

Demo 1



Summary:
In demo 1, we just fixed the height and width of a div and add position, left, top and margin. We gave margin in negative because to make it in proper center aligned.

---

Demo 2



Summary:
In demo 2, we just fixed the height and width of a div and add position, top, right, bottom, left and margin. This time we used all four direction is equal to zero and gave margin “auto” to make it center align.

Read More...

What is HTML?

HTML stands for Hyper Text Markup Language.
HTML (Hypertext Markup Language) is not a programming language, but rather a markup language or codes inserted in a file intended for display on a World Wide Web browser page.

HTML is not case sensitive and can be easily updated after the file is created. HTML is not difficult to learn and there are a lot of resources and information available. You can take classes to learn HTML or just read through a simple tutorial.

Some of the most popular HTML editors, such as FrontPage or Dreamweaver will let you create pages more or less as you write documents in Word or whatever text editor you're using.

Read More...

What is difference between Class and ID in CSS

Difference between Class and id Selectors?

ID can be use only one time on each element, Each page can have only one element with that ID. Classes can be use on multiple elements, You can use multiple classes on the same element.

The # means that it matches the id of an element. The . signifies the class name, for example:

#myRedText {color: red;}
.blueText {color: blue;}

Read More...