How to achieve this


#1

I have such things in many blogs and online magazine.

I mean those block quotes they are aligned towards the right from the rest of the content.


#2

That can be done with just a simple float.
Example:-

blockquote {
    float: right;
    width: 20em;
    max-width: 50%;
    /* other styling */
}

Use “Inspect” in your browser to see how other’s styles work.


#3

Ah, you mean the negative margin-right pushing it further to the right. Again inspect will tell you this.