CSS implements image surround bottom right corner

For CSS image surround, the image can be floating in the upper left corner and the upper right corner. It is more difficult to put the image in the lower right corner.

JavaScript and expression are not as useful as pure CSS on the Internet.CodeAs follows:

 

<Div style = "width: 150px; Border: 1px solid blue">
<Div style = "float: Right; Height: 90px; width: 1px"> </div> <! -- This div is used for placeholder position and height customization. The width must be 1 px and cannot be 0. -->
<Div style = "float: Right; clear: Right; margin: 5px; Border: 1px solid red; width: 50px; Height: 50px"> </div> <! -- This is the image position. The key point is to clear the right floating at the same time while the right floating -->
<P> here isArticleContent here is the content of the article </P>

To: