یه سوال کوچیک در طرح سی اس اس
دوستان یه سوال خیلی کوچیک دارم میشه لفطا یه نمونه کد لطف کنید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;
}