I'm trying to move the entire border "up" so the bottom border lines up with the middle of the text. Very similar to this question, but I want to keep the left and right borders (they must be pushed up too). The reason for this is the text relates to the information above it.
https://jsfiddle.net/8c039kzy/
My jsfiddle is close but the left / right borders don't go high enough. So I want something like this:
|--------Info above is Important!--------|
(But the bottom of the left / right borders don't leak down past the horizontal border)