سلام بر اساتید گرامی وقتتون بخیر.

اون 2تا خط تیره که استاد صالحی در این پروژه اطراف عبارات ( درباره ما ) و... گذاشته بودند، تقریبا کامل‌ترش کردم.

به صورتی که اگر کلمات بیشتری هم تایپ شود، مشکلی پیش نیاد.

بهتر است برای span::before پراپرتی right با مقدار منفی و برای span::after پراپرتی left با مقدار منفی قرار دهیم.

اگر به نظرتون درسته و مشکلی نداره، ممنون میشم تایید کنید که بقیه دوستان هم استفاده کنند و اگر هم مشکلی داره لطف کنید بفرمایید که اصلاح کنم.

من فقط هرکاری کردم نتونستم کدهای html رو توی کادر کدها بنویسم. به شکل پایین نوشتم که نگا کنید وگرنه موقع کپی بهم می‌ریزه.

( سوال : چطور می‌تونم کدهای html رو داخل این کادر سیاه بنویسم؟؟؟؟ هر کاری کردم نشد )

کدهای html:

  <"div class="double-dash text-center m-50>

    <h5>

 <span/>  این متن آزمایشی می‌باشد <"span class="relative>

    <h5/>

  <div/>

css styles : 
.double-dash span {
    display: inline-block;
    font-size: 16px;
}
.double-dash span::before {
    content: "";
    width: 40px;
    height: 4px;
    background-color: orange;
    position: absolute;
    top: 50%;
    right: -55px;
    /* right: -55px;  یا  left: 120%; */
}
.double-dash span::after {
    content: "";
    width: 40px;
    height: 4px;
    background-color: orange;
    position: absolute;
    top: 50%;
    left: -55px;
    /* left: -55px;  یا  right: 120%; */
}