title: Can you put two separate p tags on the same line and still edit them separately
body: <p>So I have a horizontal bar on my page and I want to put several <code>&lt;p&gt;</code> tags on that bar so that when I, later down the road, want to start to make a responsive layout, can have them removed when reaching a specific screen size. But what I want to know is how can I put these <code>p</code> sections on the same line without pushing one down underneath the containing section? I've used <code>display:inline</code> and <code>float: left</code> but I dont like that because you can't format the text to be <code>text-align: right</code> or have it be a specific distance from the left side of the screen. For example, if you put <code>margin-left: 6%</code> it wont be 6% away from the left side of the screen, it will be 6% away from the element before it and I don't want that. I'm assuming the overall outcome will be absolute positioning but I want to see if there were any other options first.</p>