قرار دادن تصویر در قبل و بعد متن

[imdeveloper]

سلام
میخوام یه همچین چیزی رو درست کنم !! :
http://up.90theme.ir/uploads/1444666375911.jpg

کد مربوطش رو نوشتم و توی jsfiddle گذاشتم ممنون میشم بررسی کنید!!
http://jsfiddle.net/Loe5krsL/

[mohammad425]

نیازی به عکس نیست:



.h1header > span {
color: #444;
display: block;
position: relative;
text-align: center;
}

.h1header > span:nth-child(2)::before {
content: "";
height: 3px;
position: absolute;
left: 0;
background-color: #000;
top: 20px;
width: 40%;
}

.h1header > span:nth-child(2)::after {
content: "";
height: 3px;
position: absolute;
top: 20px;
background-color: #000;
right: 0;
width: 40%;
}

[imdeveloper]

نیازی به عکس نیست:



.h1header > span {
color: #444;
display: block;
position: relative;
text-align: center;
}

.h1header > span:nth-child(2)::before {
content: "";
height: 3px;
position: absolute;
left: 0;
background-color: #000;
top: 20px;
width: 40%;
}

.h1header > span:nth-child(2)::after {
content: "";
height: 3px;
position: absolute;
top: 20px;
background-color: #000;
right: 0;
width: 40%;
}




مرسی خیلی ممنون :قلب: