CSS - How to move an absolutely positioned item relatively to its current position

Question

I am using PrimeFaces' pieChart. I have .jqplot-data-label items that represent the data labels of the chart. They are automatically positioned absolutely and I cannot position them relatively to their current position because their position is in each case automatically given by the jqplot PieRenderer.

If I want to position them 10 pixels under the position they are now, I do the following:

.jqplot-data-label { margin-top: 10px !important; }

but I cannot position them 10 pixels above the position they are now. What can I do to achieve this?

Answer 1

Negative positioning worked for me.

.jqplot-data-label { margin-top: -10px !important; }

It also helped to read the following article: The Definitive Guide to Using Negative Margins