شرح طريقة اضافة كود في التدوينات بشكل سليم و انيق

السلام عليكم ورحمة الله وبركاته

طريقة اضافة كود في التدوينات لم تكن سهلة حتى الان
شرح الطريقة
1. افتح ملف الستايل واضف به الكود التالي:

 كود:

pre {
direction: ltr;
text-align: left;
border: solid 1px black;
font-size: 1.3 em; 
padding-left:5px; 
background: #FBFBFB
}
    
code {
font-size:0.9em; 
color: #000000
} 

عدل الكود حتى يظهر بالشكل المرغوب به.

2. عند اضافة كود في المدونة , ضع الكود بالطريقة التالية:

كود:

<pre>
<code>
هنا تضع الكود
</code>
</pre>