how to create inline style with :before and :after

Question

I generated a bubble chat thingy from http://www.ilikepixels.co.uk/drop/bubbler/

In my page I put a number inside of it

.bubble {
  position: relative;
          


        

Answer 1

If you really need it inline, for example because you are loading some user-defined colors dynamically, you can always add a

...

---

Example use case with PHP and some (wordpress inspired) dummy functions:

 ... 

Since HTML 5.2 it is valid to place style elements inside the body, although it is still recommend to place style elements in the head.

Reference: https://www.w3.org/TR/html52/document-metadata.html#the-style-element