How to have two items on opposite sides on the same line

Question

I\'m trying to get two different pieces of text on opposite ends of the \"page\" so to speak for a mobile app.

I would like it to look like this:

|--         


        

Answer 1

If you want it fixed to the bottom (or another) area of the screen, why not use fixed positioning, such as:

#time-HASH {
position: fixed;
bottom: 0;
left: 0;
}

.ios-circle {
position: fixed;
bottom: 0;
right: 0;
display: inline-block; //if you need this

}