stack overflow response

http://stackoverflow.com/questions/9957496/flowchart-with-css-html 2012.03.31

HTML

<div id="flowchart">
    <div class="no1"><a href="http://mysite.com/page1">Step 1:
Blah blah blah, do this.</a></div>
    <div class="line1"></div>
    <div class="no1"><a href="http://mysite.com/page2">Step 2: 
Then this and that.</a></div>
    <div class="line1"></div>
    <div class="no1"><a href="mysite.com/page3">Step 3: 
Now finally go here and there.</a></div>

</div>

CSS

#flowchart {
    width: 580px; 
    text-align: center;
    font-family: sans-serif;
    font-size: .8em;
    margin: auto;
}
#flowchart a {
    display: block;
    color: white;
    text-decoration: none;
    background-color: #2F41B1;
    padding: 2em 1em;
}
#flowchart a:hover {
    color: #111;
    background-color: #EFA707;
}
.no1 {
    -webkit-border-radius: 5px;
-moz-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px;
border-radius: 5px;

    width: 390px;
    border: 1px solid #444;
    margin: 0 auto;
}
.line1 {
    width: 1px;
    height: 20px;
    background-color: #000;
    margin: 0 auto;
} 
.clear {
    clear:both;
}