HTML relative centre align

alignment, center, css, html

Solution

Give `text-align:center;` to it's `.center` parent DIV. Write like this:

HTML

<div class="parent">
 <div class="center"></div>
</div>

CSS

.parent{
 text-align:center;
}

.center {
 display:inline;
 background-color:transparent;
}

Problem

I'm trying to centre align an image using a div and a CSS class (the tag is wrapped in a div class="center" tag). What I'm using at the moment is working in Dreamweaver (when I go to design view) but not when I load the page up in Safari. Here is my code: ``` .center { display:inline; text-align:center; -webkit-inline; -webkit-center; background-color:transparent; } ``` Sorry for asking such a simple question, I'm completely new to HTML, my experience is in Objective-C.

Original source