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

[imdeveloper]

سلام
میخوام یه همچین چیزی رو درست کنم !! :


کد مربوطش رو نوشتم و توی 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%;

}

مرسی خیلی ممنون