2 posts tagged with "html"

Many times it is very annoying when you are designing a page and suddenly you notice that something is not properly aligned.

In these cases, it can be helpful to outline elements on the page to figure out how they are being rendered in relation to one another. One solution would be to write your own css class, such as the following:

* { box-shadow: inset 0 0 0 1px red }

One of the most common tasks while designing web pages is centering elements both vertically and horizontally.

To center a block (div, p, h1, and so on) horizontally, the only thing you have to do is to apply a margin auto to it. For example,

.horizontal-align {
    margin:0 auto;
    width:200px;
}