fix dot problem

content/en/intro/why.md

@@ -4,7 +4,7 @@ title = "openEuler"
 brief = ""
 +++
 
-Co-built, shared, and co-governed community<br>     
-With spirit of openness, collaboration, and innovation<br>     
-OS community that best matches the application scenarios
+<p>Co-built, shared, and co-governed community</p>
+<p>With spirit of openness, collaboration, and innovation</p>
+<p>OS community that best matches the application scenarios</p>
 

content/zh/intro/why.md

@@ -4,6 +4,6 @@ title = "openEuler"
 brief = ""
 +++
 
-共建、共享、共治的社区<br/>      
-开放、协作、创新的精神<br>    
-最匹配应用场景的操作系统社区。  
+<div><p>共建、共享、共治的社区</p></div>
+<div><p>开放、协作、创新的精神</p></div>  
+<div><p>最匹配应用场景的操作系统社区</p></div>

themes/project/static/css/custom.css

@@ -174,7 +174,6 @@
 }
 .reason .content_why .detail {
   margin-left: 50px;
-  position: relative;
 }
 .reason .content_why .detail p {
   font-size: 20px;
@@ -186,7 +185,12 @@
   /*margin-bottom: 40px;*/
 }
 
-.reason .content_why .detail p::before{
+.reason .content_why .detail>div {
+  position: relative;
+  margin: 30px 0px;
+}
+
+.reason .content_why .detail>div p::before{
   content:'';
   display: inline-block;
   position: absolute;