What I wanted to accomplish
1. the meter > span has a gradient **(done)**
2. the meter and span are snug tight with no spacing between them **(done)**
3. the span has a 1 or 2px border of a different color.
Note that those marked **(done)** are accomplished. Please see the demo [here].
What I tried and gotten as a result
- I have tried adding border to the meter > span but that resulted in the span being much larger.
- I have tried adding padding to the meter > span. Same story.
- I have tried adding margin to the meter itself. Then it looks like there is spacing.
What I need
Requirements 1 , 2, and 3 to work.
1. is this your full app?
No. I did a reduced test case where i stripped out as much un-necessary code to explain my problem without affecting the problem statement as possible.