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

Johannes Flexbox approach is probably the best way, but without using that, or float as you requested, you could do something like this:

  

    9 months 2 weeks ago
  
  

    MESSAGE HERE
  

And then:

#HASH {
  width: 100%;
}

#HASH div {
  width: 49%;
  display: inline-block;
}

#right {
  text-align: right;
}

https://jsfiddle.net/ak7zxz84/

Again, I'd go with Flexbox, but this is just an alternate solution.