The text "transition: margin-left 5s;" should be in the center. But it is not and I can not figure out what wrong I did in the code. Please note: text-align: left is not also working
Here is HTML code
<aside class="property-detail">
<small>
When we use shorthand version of transition, we use like this:
Property name | Duration
<pre>
<code>
<span class="code">transition: margin-left 5s;</span>
</code>
</pre>
</small>
</aside>
Here is CSS code
.property-detail {
background-color: #14213d;
border-radius: 20px;
padding: 20px;
margin: 20px;
}
pre {
background-color: #000000;
width: 60%;
height: 50%;
border-radius: 20px;
margin: 0 auto;
padding: 10px;
text-align: left;
}
code {
text-align: center;
}