diff --git a/demo/title.html b/demo/title.html
new file mode 100644
index 0000000..7f3c2d1
--- /dev/null
+++ b/demo/title.html
@@ -0,0 +1,48 @@
+<fieldset class="layui-elem-field layui-field-title">
+  <legend>标题1号</legend>
+  <div class="layui-field-box">
+    <div style="width:200px" class="ul-section">
+      <div class="ul-title">
+        <div class="ul-title-main">
+          精品酒店
+        </div>
+        <div class="ul-title-plus">
+          Boutique Hotel
+        </div>
+        <div class="ul-title-line">
+  
+        </div>
+      </div>
+    </div>
+    <div style="width:200px;margin: 15px auto;" class="ul-section">
+      <div class="ul-title">
+        <div class="ul-title-main">
+          精品酒店
+        </div>
+        <div class="ul-title-plus">
+          Boutique Hotel
+        </div>
+        <div class="ul-title-line">
+  
+        </div>
+      </div>
+    </div>
+    <div style="" class="ul-section">
+      <div class="ul-title">
+        <div class="ul-title-main">
+          精品酒店
+        </div>
+        <div class="ul-title-plus">
+          Boutique Hotel
+        </div>
+        <div class="ul-title-line">
+  
+        </div>
+      </div>
+    </div>
+
+
+
+
+  </div>
+</fieldset>
\ No newline at end of file
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index 6a34ee0..817e020 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -342,4 +342,22 @@
 
 .ul-card-list .layui-card:last-child {
   margin-bottom: 15px;
+}
+
+.ul-title{
+  text-align: center;
+  line-height: 1.5;
+}
+
+.ul-title-main{
+  font-size: 16px;
+}
+
+.ul-title-plus{
+  color: #999;
+}
+
+.ul-title-line{
+  border-top: 2px solid #666;
+  margin-top: 8px;
 }
\ No newline at end of file