left
middle. this is how it looks without any spacing modifications.
right
I remember hearing somewhere that it's better to use percentages rather than pixels for uhhh being able to be read on different devices...
left
middle. this is how it looks using percentages.
right
maybe i'll create a transparent container div to circumvent this issue.
left
middle. this is how it looks using percentages and a container div.
right
wtf is this
left
middle. this is how it looks using pixels and a container div.
right
wtf is this.
left
middle. this is how it looks using percentages using the "style" attribute instead of just the width attribute and a container div.
right
well we're getting somewhere
left
middle. this is the above, but with "box-sizing:border-box"
right
WHY IS IT ALL THE WAY OVER THERE... THERE'S PLENTY OF SPACE MY GUY...
left
middle. this is the above, but with the percentages lessened.
right
wait...I'm stupid. it's floating all the way to the right because i have it set to float right... i didn't think it would literally float so far right that is starts a new line even though there's space for it on the current line...
left
middle. this is what it's like with only left floats
right
I'M NOT INSANE!!!! 20+20+60=100!!!! I HAVE BORDER BOX ENABLED!!!!
left
middle. ALL the divs have to float left for this to work even though the rightmost div isn't floating anywhere...
right
left
removed borders on some sides to make this look clean
right
cool
left
seeing if making them all float right does the same thing
right
oh dear, it's going in reverse
why am i even learning this? floats are like the worst thing to use