diff --git a/src/rendering.js b/src/rendering.js
index a6a30cc..8ec2a2c 100644
--- a/src/rendering.js
+++ b/src/rendering.js
@@ -249,13 +249,14 @@ module.exports = (options) => {
     },
 
     /**
+     * Generate the correct svg text with possible tspan in case of multi-line
      * @param {string} text
      * @param {number} lineHeight
      * @param {number} x
      * @param {string} anchor
      * @return {Object} svg text
      */
-    getSvgText: (text, lineHeight, x, anchor) => {
+    renderSvgText: (text, lineHeight, x, anchor) => {
       text = text.trim();
       if (!text.includes('\n'))
         return {'_text': text};
@@ -264,7 +265,7 @@ module.exports = (options) => {
         list.push({
           '_attributes': {
             'x': x,
-            'dy': i === 0 ? '0' : `${lineHeight}em`,
+            'dy': i === 0 ? 0 : `${lineHeight}em`,
             'text-anchor': anchor
           },
           '_text': line
@@ -273,6 +274,12 @@ module.exports = (options) => {
       return {'tspan': list};
     },
 
+    /**
+     * Get the svg font-weight property from defined style
+     * @param {string} style
+     * @param {boolean} force
+     * @returns {string|undefined}
+     */
     getFontWeight: (style, force = false) => {
       if (!style)
         return undefined;
@@ -282,6 +289,12 @@ module.exports = (options) => {
       return force ? 'normal' : undefined;
     },
 
+    /**
+     * Get the svg font-style property from defined style
+     * @param {string} style
+     * @param {boolean} force
+     * @returns {string|undefined}
+     */
     getFontStyle: (style, force = false) => {
       if (!style)
         return undefined;
@@ -293,6 +306,11 @@ module.exports = (options) => {
       return force ? 'normal' : undefined;
     },
 
+    /**
+     * Get the svg text-decoration property from defined style
+     * @param {string} style
+     * @returns {string|undefined}
+     */
     getTextDecoration: (style) => {
       if (!style)
         return undefined;
@@ -308,6 +326,7 @@ module.exports = (options) => {
     },
 
     /**
+     * Generate a svg group from the given sub-element
      * @param {Node2|Link2} element
      * @param {string} side
      * @param {SubElement2} subE
@@ -339,7 +358,7 @@ module.exports = (options) => {
       }
 
       const lineHeight = subE['line-height'] || options['texts']['line-height'];
-      const text = self.getSvgText(subE.text, lineHeight, pos.x * fontSize / 2, anchor);
+      const text = self.renderSvgText(subE.text, lineHeight, pos.x * fontSize / 2, anchor);
       const textHeight = text['tspan'] ? text['tspan'].length - 1 : 0;
 
       text['_attributes'] = {
@@ -363,6 +382,7 @@ module.exports = (options) => {
     },
 
     /**
+     * Generate the svg group from a given node
      * @param {Node2} node
      * @return {Object} svg group
      */
@@ -400,6 +420,7 @@ module.exports = (options) => {
     },
 
     /**
+     * Generate a svg group from the given link
      * @param {Object<string,Node2>} nodes
      * @param {Link2} link
      * @return {Object} svg group
@@ -518,7 +539,7 @@ module.exports = (options) => {
 
         ['bottom', 'top'].forEach(sub => {
           if (typeof link[sub] === 'string')
-            link[sub] = {text: link[sub]};
+            link[sub] = {text: link[sub].trim()};
         });
 
         const group = self.renderLink(nodes, link);
@@ -533,7 +554,7 @@ module.exports = (options) => {
 
         ['bottom', 'top', 'left', 'right'].forEach(sub => {
           if (typeof nodes[key][sub] === 'string')
-            nodes[key][sub] = {text: nodes[key][sub]};
+            nodes[key][sub] = {text: nodes[key][sub].trim()};
         });
 
         const group = self.renderNode(nodes[key]);
diff --git a/test/rendering.test.js b/test/rendering.test.js
index 64407d8..962f969 100644
--- a/test/rendering.test.js
+++ b/test/rendering.test.js
@@ -222,6 +222,604 @@ describe('getBounds', () => {
   });
 });
 
+describe('renderSvgText', () => {
+  test('single line', () => {
+    const res = rendering().renderSvgText('hello', 1.2, 7.5, 'middle');
+    expect(res).toEqual({
+      '_text': 'hello'
+    });
+  });
+  test('multi-line', () => {
+    const res = rendering().renderSvgText('hello \n there \n general kenobi', 1.2, -7.5, 'end');
+    expect(res).toEqual({
+      'tspan': [{
+        '_attributes': {
+          'x': -7.5,
+          'dy': 0,
+          'text-anchor': 'end'
+        },
+        '_text': 'hello'
+      }, {
+        '_attributes': {
+          'x': -7.5,
+          'dy': '1.2em',
+          'text-anchor': 'end'
+        },
+        '_text': 'there'
+      }, {
+        '_attributes': {
+          'x': -7.5,
+          'dy': '1.2em',
+          'text-anchor': 'end'
+        },
+        '_text': 'general kenobi'
+      }]
+    });
+  });
+});
+
+describe('font style', () => {
+  test('getFontWeight', () => {
+    expect(rendering().getFontWeight(undefined)).toBe(undefined);
+    expect(rendering().getFontWeight('italic striked')).toBe(undefined);
+    expect(rendering().getFontWeight(undefined, true)).toBe(undefined);
+    expect(rendering().getFontWeight('italic striked', true)).toBe('normal');
+    expect(rendering().getFontWeight('italic striked bold')).toBe('bold');
+  });
+  test('getFontStyle', () => {
+    expect(rendering().getFontStyle(undefined)).toBe(undefined);
+    expect(rendering().getFontStyle('bold striked')).toBe(undefined);
+    expect(rendering().getFontStyle(undefined, true)).toBe(undefined);
+    expect(rendering().getFontStyle('bold striked', true)).toBe('normal');
+    expect(rendering().getFontStyle('italic striked bold')).toBe('italic');
+    expect(rendering().getFontStyle('italic striked bold oblique')).toBe('italic');
+    expect(rendering().getFontStyle('striked bold oblique')).toBe('oblique');
+  });
+  test('getTextDecoration', () => {
+    expect(rendering().getTextDecoration(undefined)).toBe(undefined);
+    expect(rendering().getTextDecoration('bold italic')).toBe(undefined);
+    expect(rendering().getTextDecoration('italic striked bold')).toBe('line-through');
+    expect(rendering().getTextDecoration('italic striked underlined bold')).toBe('underline,line-through');
+  });
+});
+
+describe('renderSubText', () => {
+  test('simple text bottom', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('simple text top', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'top', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 -0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': -11.25
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('simple text left', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'left', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(-0.2 0) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'end',
+          'x': -7.5,
+          'y': 3.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('simple text right', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'right', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0.2 0) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': undefined,
+          'x': 7.5,
+          'y': 3.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('link text', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'bottom', {
+      text: 'test'
+    }, false, true);
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.05) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('multi-line text', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'left', {
+      text: 'test1\ntest2\ntest3'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(-0.2 0) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'end',
+          'x': -7.5,
+          'y': -14.25
+        },
+        'tspan': [{
+          '_attributes': {
+            'x': -7.5,
+            'dy': 0,
+            'text-anchor': 'end'
+          },
+          '_text': 'test1'
+        }, {
+          '_attributes': {
+            'x': -7.5,
+            'dy': '1.2em',
+            'text-anchor': 'end'
+          },
+          '_text': 'test2'
+        }, {
+          '_attributes': {
+            'x': -7.5,
+            'dy': '1.2em',
+            'text-anchor': 'end'
+          },
+          '_text': 'test3'
+        }]
+      }
+    });
+  });
+  test('link text reversed', () => {
+    const res = rendering({scale: 1}).renderSubText({}, 'bottom', {
+      text: 'test'
+    }, true, true);
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `rotate(180) translate(0 0.05) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('local font size', () => {
+    const res = rendering({scale: 1, texts: {'font-size': 20}}).renderSubText({}, 'bottom', {
+      text: 'test',
+      'font-size': 10
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': 10,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 12.5
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global font size', () => {
+    const res = rendering({scale: 1, texts: {'font-size': 20}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 25
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('local margin', () => {
+    const res = rendering({scale: 1, texts: {margin: 0.1}}).renderSubText({}, 'bottom', {
+      text: 'test',
+      margin: 0.3
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.3) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global margin', () => {
+    const res = rendering({scale: 1, texts: {margin: 0.1}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.1) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('local style', () => {
+    const res = rendering({scale: 1, texts: {'font-style': 'italic underlined'}}).renderSubText({}, 'bottom', {
+      text: 'test',
+      'font-style': 'bold'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': 'bold',
+          'font-style': 'normal',
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global style', () => {
+    const res = rendering({scale: 1, texts: {'font-style': 'bold italic underlined'}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': 'underline',
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('local color', () => {
+    const res = rendering({scale: 1, icons: {color: 'red'}, texts: {color: 'black'}}).renderSubText({color: 'green'}, 'bottom', {
+      text: 'test',
+      color: 'blue'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': 'blue',
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('node/link color', () => {
+    const res = rendering({scale: 1, icons: {color: 'red'}, texts: {color: 'black'}}).renderSubText({color: 'green'}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': 'green',
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global texts color', () => {
+    const res = rendering({scale: 1, icons: {color: 'red'}, texts: {color: 'black'}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': 'black',
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global node color', () => {
+    const res = rendering({scale: 1, icons: {color: 'red'}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.2) scale(1 1)`,
+        'fill': 'red',
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('global link color', () => {
+    const res = rendering({scale: 1, links: {color: 'red'}}).renderSubText({}, 'bottom', {
+      text: 'test'
+    }, false, true);
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(0 0.05) scale(1 1)`,
+        'fill': 'red',
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'middle',
+          'x': 0,
+          'y': 18.75
+        },
+        '_text': 'test'
+      }
+    });
+  });
+  test('local line-height', () => {
+    const res = rendering({scale: 1, texts: {'line-height': 1}}).renderSubText({}, 'left', {
+      text: 'test1\ntest2',
+      'line-height': 1.1
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(-0.2 0) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'end',
+          'x': -7.5,
+          'y': -4.5
+        },
+        'tspan': [{
+          '_attributes': {
+            'x': -7.5,
+            'dy': 0,
+            'text-anchor': 'end'
+          },
+          '_text': 'test1'
+        }, {
+          '_attributes': {
+            'x': -7.5,
+            'dy': '1.1em',
+            'text-anchor': 'end'
+          },
+          '_text': 'test2'
+        }]
+      }
+    });
+  });
+  test('global line-height', () => {
+    const res = rendering({scale: 1, texts: {'line-height': 1}}).renderSubText({}, 'left', {
+      text: 'test1\ntest2'
+    });
+    expect(res).toEqual({
+      '_attributes': {
+        'transform': `translate(-0.2 0) scale(1 1)`,
+        'fill': undefined,
+      },
+      'text': {
+        '_attributes': {
+          'font-family': undefined,
+          'font-size': undefined,
+          'font-weight': undefined,
+          'font-style': undefined,
+          'text-decoration': undefined,
+          'text-anchor': 'end',
+          'x': -7.5,
+          'y': -3.75
+        },
+        'tspan': [{
+          '_attributes': {
+            'x': -7.5,
+            'dy': 0,
+            'text-anchor': 'end'
+          },
+          '_text': 'test1'
+        }, {
+          '_attributes': {
+            'x': -7.5,
+            'dy': '1em',
+            'text-anchor': 'end'
+          },
+          '_text': 'test2'
+        }]
+      }
+    });
+  });
+});
+
 describe('renderNode', () => {
   test('no icon', () => {
     const res = rendering({'h-spacing': 1}).renderNode({