diff --git a/css/questionset.css b/css/questionset.css
index fef0b6f..7e98e2d 100644
--- a/css/questionset.css
+++ b/css/questionset.css
@@ -61,16 +61,21 @@
   line-height: 2em;
   font-weight: bold;
   text-align: center;
+  margin-top: 0.5em;
 }
-.intro-page .title > span {
+.intro-page .title > div {
+  display: inline-block;
   padding: 0.125em 0.5em;
   border-radius: 0.125em;
   background: rgb(255,255,255); /* Fallback for browsers not supporting rgba */
   background: rgba(255,255,255,0.8); /* Gives WCAG contrast ratio of 5.6:1 with the current font color */
 }
+.intro-page .title > div p {
+  margin: 0;
+}
 .intro-page .introduction {
   font-size: 1.25em;
-  margin: 0 1em;
+  margin: 0.5em 1em 0;
   border-radius: 0.25em;
   background: rgb(255,255,255); /* Fallback for browsers not supporting rgba */
   background: rgba(255,255,255,0.8); /* Gives WCAG contrast ratio of 5.6:1 with the current font color */
diff --git a/js/questionset.js b/js/questionset.js
index aa4c178..d5d937b 100644
--- a/js/questionset.js
+++ b/js/questionset.js
@@ -23,7 +23,7 @@ H5P.QuestionSet = function (options, contentId) {
           '<% if (introPage.showIntroPage) { %>' +
           '<div class="intro-page">' +
           '  <% if (introPage.title) { %>' +
-          '    <div class="title"><span><%= introPage.title %></span></div>' +
+          '    <div class="title"><div><%= introPage.title %></div></div>' +
           '  <% } %>' +
           '  <% if (introPage.introduction) { %>' +
           '    <div class="introduction"><%= introPage.introduction %></div>' +
diff --git a/semantics.json b/semantics.json
index a83cdc9..0c19678 100644
--- a/semantics.json
+++ b/semantics.json
@@ -12,15 +12,11 @@
       {
         "name": "title",
         "type": "text",
+        "widget": "html",
+        "tags": ["p", "br", "strong", "em"],
         "label": "Title",
         "optional": true,
-        "description": "This title will be displayed above the introduction text.",
-        "tags": [
-          "sub",
-          "sup",
-          "strong",
-          "em"
-        ]
+        "description": "This title will be displayed above the introduction text."
       },
       {
         "name": "introduction",