HTML And CSS Venn Diagram | w3human's Blog

So I just built venn diagram with HTML and CSS.

If It Does Not Look Right Then Go To The Post
http://blog.w3human.me/05/2011/html-and-css-venn-diagram/

Here How I Did It:



<div style="width: 300px; border-radius: 300px; height: 300px; border: 2px solid black; float: left;">

<div style="padding: 50px;">

Part 1<br />

Part 1<br />

Part 1<br />

Part 1<br />

Part 1<br />

</div>

</div> 
<div style="width: 300px; border-radius: 300px; height: 300px; border: 2px solid black; float: left; margin-left: -150px;">

<div style="padding: 50px;">

Part 2<br />

Part 2<br />

Part 2<br />

Part 2<br />

Part 2<br />

</div>

</div>

<div style="margin-left: -150px; margin-top: 50px; float: left"> Part 3<br /> Part 3<br /> Part 3<br /> Part 3<br /> Part 3<br /> </div>

And It Looks Like This

Part 1
Part 1
Part 1
Part 1
Part 1

Part 2
Part 2
Part 2
Part 2
Part 2

Part 3
Part 3
Part 3
Part 3
Part 3

Leave a Reply Cancel reply