یه سوال کوچیک در طرح سی اس اس
دوستان یه سوال خیلی کوچیک دارم میشه لفطا یه نمونه کد لطف کنیدhtml css که مشابه تصویر زیر باشه
دوستان عکس رو ببینید لطفا دو تا لاین که وسطش متن تکست می خوام بذارم
دقیق بگم با border-bottom خط رو ایجاد میشه کرد اما می خوام وسط خط متن باشه
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
2
سلام
کد های html
<div>
<span>
متن مورد نظر
</span>
</div>
کد های css
div {
width: 500px;
height: 500px;
background-color: #fff;
text-align: center;
border: 2px solid black;
}
span {
background-color: white;
position: relative;
top: -10px;
padding: 0 10px;
} موفق باشید
@hunt.coders1989
گزارش تخلف
کپی کردن
2
سلام به راحتی می تونید از pseudo element ها استفاده کنید.
این از html
<p>some text</p>اینم از css کار
p {
color: red;
position: relative;
display: inline-block;
margin: 50px 100px;
}
p:before {
content: "_____";
color: blue;
position: absolute;
top: -5px;
left: -45px;
}
p:after {
content: "_____";
color: blue;
position: absolute;
top: -5px;
right: -45px;
}