To position things as you like, you need to understand a little about how HTML and CSS work.
Some HTML elements are called block level items, and they go one underneath the other by default. For example, the div tag.
A block-level element occupies the entire space of its parent element (container), thereby creating a “block.”
Learn more about block-level elements:
https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
Some HTML elements are inline level items, and they go side-by-side by default. For example, the img tag.
An inline element occupies only the space bounded by the tags that define the inline element.
Learn more about inline elements here:
https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elemente
To get elements positioned side by side you either need to use HTML elements that are inline elements by default or you need to add CSS to force a block-level element to display as if it were an inline item. For example:
<div class="doinline">My stuff</div>
.doinline {
display: inline;
}
This is a very simplified explanation, but if you need further help please provide a link to a specific post you’re trying to style so we can take a look directly.
