منسق متجاوب للشعر العربي

تحويل

كود التنسيق المخصص HTML:

كود التنسيق المخصص CSS:

		
p:nth-child(even) {
    width: 50%;
    display: block;
    float: left;
    font-size: 20px
}

p:nth-child(odd) {
    width: 50%;
    display: block;
    float: right;
    font-size: 20px
}

p {
    margin-bottom: 22px;
}
@media only screen and (max-width: 991px) {
p:nth-child(even) {
        width:100%;
        text-align: left;
        padding-right: 20px;
        float: none;
        font-size: 20px
    }
p:nth-child(odd) {
        width: 100%;
        text-align: right;
        padding-left: 20px;
        float: none;
        font-size: 20px
    }
}