Cylinder

HTML

CSS

OUTPUT

<!doctype html>  
<html:html>
<html:head>
<html:title>HTML6,CSS4</html:title>
<html:script 
src='code.js.com/js-example'>
</html:script>
<html:body>
<div>Welcome to HTML6 and CSS4</div>
<html:img src='https://html6.png' 
id='img1'/>
<html:img src='https://css4.png' 
id='img2'/>
<html:footer>copyright brains</footer>
</html:body>
</html:html>

/*css4 doesnt exist!it isnt even under 
development.More than 90% of css3 
properties still remain unknown to web 
developers.why the heck should css4 be 
created?so..this is just my illusion of 
what it should look like!*/
{css}[]vendor={"webkit","moz","oz"}
@for({css}i=0;i<3;i++)
{. _all_elem=vendor[i] }

*div**{
background:yellow;
x,y-cord:112nots,118nots
lighting:S90'N
align:center
color:boldred
corner:radial
}
**img1&&img2**{
size:x,y(50px,50px)
distance:60px.  }

Welcome toHTML6 
and CSS4

HTML6

CSS4

copyright brains