Creating a flowchart in HTML

html css flowchart
user1410668 picture user1410668 · May 22, 2012 · Viewed 22.7k times · Source

I am a complete noob in CSS/HTML and have been trying to create a flowchart for a few hours now with little success.I'm trying to create something similar to this: http://jsfiddle.net/pointbypointuk/ETg7q/2/

However I only want 2 of the subheadings, not 4.

How would I go about creating this? I cant seem to get anything to line up as it should.

Even better, is there a free software/library that allows you to create a flowchart by drawing it and then just convert it into code?

Answer

Ana picture Ana · May 22, 2012

You might want to take a look at this http://thecodeplayer.com/walkthrough/css3-family-tree

Related questions

How to make a flowchart/diagram using only HTML and CSS

I need to make a really complicated diagram for a website, in which the hierarchy will be a bit messy: arrows will go up and down, sometimes an element will point to several others, and sometimes there will be several …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More