diff --git a/semantic/semantic5.html b/semantic/semantic5.html
index 383606f..e624b90 100644
--- a/semantic/semantic5.html
+++ b/semantic/semantic5.html
@@ -165,7 +165,7 @@ <h4>فيما يلي مثال لعنصر اقتباس مضمن <em>inline quotati
 		</code></pre></div>
 
 		<p>أضف سمة <code class="br">cite</code> إلى عنصر الاقتباس المضمن باستخدام عنوان URL هذا:</p>
-		<p><code class="br-white">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
+		<p><code class="long-code">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
 
 			<h4>الكود :</h4>
 
@@ -344,7 +344,7 @@ <h4>فيما يلي مثال لعنصر اقتباس كتلة <em>a block quotat
 
 		<p>الآن، أضف سمة <code class="br">cite</code> إلى عنصر اقتباس الكتلة <em>the block quotation element</em> مع عنوان URL</p>
 
-		<p><code class="br-white">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
+		<p><code class="long-code">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
 
 				<h4>الكود :</h4>
 
@@ -513,7 +513,7 @@ <h3>الخطوة 11 :</h3>
 		<p>داخل عنصر <code class="br">section</code> الثاني، قم بتضمين عنصر <code class="br">h2</code> مع النص <code class="br-white">أهمية الشبكات</code>.</p>
 
 		<p>أسفل هذا العنوان، أضف عنصر اقتباس كتلة <em>a block quotation element</em> مع سمة <code class="br">cite</code> بقيمة</p>
-		<p><code class="br-white">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
+		<p><code class="long-code">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
 
 		<h4>الكود :</h4>
 
@@ -667,7 +667,7 @@ <h3>الخطوة الأخيرة :</h3>
 
 		<p>ثم، أسفل عنصر <code class="br">h2</code>، أضف عنصر اقتباس كتلة <em>a block quotation element</em> مع تعيين سمة <code class="br">cite</code> إلى</p>
 
-		<p><code class="br-white">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
+		<p><code class="long-code">https://www.freecodecamp.org/news/learn-to-code-book/</code></p>
 
 		<p>أخيرًا، قم بتضمين ثلاثة عناصر فقرة داخل عنصر اقتباس الكتلة <em>the block quotation element</em> مع النصوص التالية، بالترتيب:</p>
 
diff --git a/semantic/style.css b/semantic/style.css
index 0bcd916..07b93e3 100644
--- a/semantic/style.css
+++ b/semantic/style.css
@@ -308,6 +308,7 @@ section {
   background-color: white;
   font-size: 1rem;
   color: black;
+  
 }
 
 .long-link {
@@ -333,6 +334,10 @@ section {
   direction: ltr;
   overflow-x: auto;
   color: #071023;
+  font-size: 1rem;
+  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+  margin: auto;
+  text-align: right;
 }
 
 .code-block {
@@ -384,6 +389,7 @@ section {
   display: block;
   direction: ltr;
   overflow-x: auto;
+  
 }
 
 
@@ -392,4 +398,6 @@ form {
   border: white solid 2px;
   border-radius: 2%;
   padding: 4px;
-}
\ No newline at end of file
+}
+
+