diff --git a/css/style.dashboard.css b/css/style.dashboard.css
index f1ead77..5d690f6 100644
--- a/css/style.dashboard.css
+++ b/css/style.dashboard.css
@@ -162,6 +162,14 @@ table td.action-buttons a:hover {
     color: #9e9e9e;
 }
 
+/* message
+   ========================================================================== */
+.close-message {
+    float: right;
+    cursor: pointer;
+    margin-top: -2px;
+}
+
 @media only screen and (min-width: 768px) {
 
     .content .box {
diff --git a/package-lock.json b/package-lock.json
index 33d2a27..f9aa5fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.2",
+	"version": "1.1.3",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
diff --git a/package.json b/package.json
index 2ea76c3..7c00f2b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.2",
+	"version": "1.1.3",
 	"description": "Simple and fast dashboard template.",
 	"main": "css/style.dashboard.css",
 	"repository": {
diff --git a/readme.md b/readme.md
index 09ce228..dee6faf 100644
--- a/readme.md
+++ b/readme.md
@@ -160,12 +160,15 @@ javascript libraries and plugins.
 Activating the scrollbar on the tables.
 
 ```html
+<!-- css scrollbar -->
 <link rel="stylesheet" href="path/to/style.scrollbar.css">
+
+<!-- html use class -->
 <div class="scrollbar table">
-	<table>
-		...
-	</table>
+	<table>...</table>
 </div>
+
+<!-- javascript scrollbar -->
 <script>
 	$(function() {
 
@@ -176,4 +179,26 @@ Activating the scrollbar on the tables.
 </script>
 ```
 
+How to close the displayed message.
+
+```html
+<!-- html message -->
+<p class="message info">
+	Message...
+	<span class="close-message">
+		<i class="fa fa-times" aria-hidden="true"></i>
+	</span>
+</p>
+
+<!-- javascript close message -->
+<script>
+	$(function() {
+
+		$('.close-message').on('click', function() {
+			$(this).parent().fadeOut('slow');
+		});
+	});
+</script>
+```
+
 Enjoy dashboard.