1

I want to put a blockquote on a center of a post and push the other text to top, right, left and bottom Like the image bellow:

https://i.stack.imgur.com/dleAF.jpg

I am using CSS like this but the quote only overlay and cover up the other element.

blockquote {
   position:absolute;
   width:75px;
   height:75px;
   border-radius:50%;
   background-color:#000;
   color:#fff;
   left:45%;
   top:#45%
}

Anybody know how to resolve the problem? Should I use Jquery? Really appreciate for any idea.

Regards

Mailmulah
  • 63
  • 2
  • 9
  • Have a look at [Getting started with CSS Shapes](http://www.html5rocks.com/en/tutorials/shapes/getting-started/) – Aziz Feb 21 '16 at 08:28
  • Thanks, @Azis. Read and noted. Look like will be my solution. – Mailmulah Feb 21 '16 at 08:39
  • I know it isnt exactly what you're looking for (since theyre fixed blocks), but [this question can be interesting for you](http://stackoverflow.com/questions/33392042/advanced-css-tricks-how-to-span-an-image-over-multiple-columns-in-a-css3-site-l) – L777 Feb 21 '16 at 09:01
  • Plus I recommend you to avoid tinypic since their links automaticaly change for **userlanguage**.tinypic.com/6nywdi.jpg and do not work for people outside of your country. For this purpose I recommend [imgur.com](http://imgur.com/) – L777 Feb 21 '16 at 09:08
  • 1
    @freestock.tk : look like promising, but they can not push the other element. Will check closer then. Thank you. Just edit and use imgur.com – Mailmulah Feb 21 '16 at 09:13

0 Answers0