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