graph TD;
sq[Square shape]-->ci((Circle shape));
diff --git a/test/web_style.html b/test/web_style.html
new file mode 100644
index 000000000..07d50cb5b
--- /dev/null
+++ b/test/web_style.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
Shapes
+ Shape examples:
+
+ graph TD;
+ sq[Square shape]-->ci((Circle shape));
+ od>Odd shape]---|Two line <br>edge comment|ro;
+ od2>Really long text in an Odd shape]-->od3>Really long text with linebreak <br>in an Odd shape];
+ di{Diamond is <br> broken}-->ro(Rounded <br>square <br>shape);
+
+ %% Comments after double percent signs
+ di-->ro2(Rounded square shape);
+ e((Inner circle))-->f(,.?!+-*ز);
+ style e red;
+
+ class sq node-square;
+ class e node-circle;
+
+
+
+ graph TD;
+ sq[Square shape]-->ci((Circle shape));
+ od>Odd shape]---|Two line
edge comment|ro;
+ od2>Really long text in an Odd shape]-->od3>Really long text with linebreak
in an Odd shape];
+ di{Diamond is
broken}-->ro(Rounded
square
shape);
+ di-->ro2(Rounded square shape);
+ %% Comments after double percent signs
+ e((Inner circle))-->f(,.?!+-*ز);
+ cyr[Cyrillic]-->cyr2((Circle shape Начало));
+ style e red;
+
+ class sq node-square;
+ class e node-circle;
+
+
+
+
+
+