0

In HTML, how do I prevent this "linebreak" when using the tag?

Example:

<div class="flag1" style="float:left">
        <div class="top1"></div>
        <div class="middle1"></div>
        <div class="bottom1"></div>
</div>

Then I simply copypasted it but couldn't make it work in the 1st image.

Note: I deleted unnecessary parts of my code and I only want the <div> appear to be together.

Now I want it to look like this: Visual Example

But mine looks like this:

Broken Example

I'm very new to this community so I don't understand how it works, I tried researching through websites and stack overflow, trying to change parts on my code and it couldn't replicate the first example. I think it had to do with the footers in the bottom but all I could notice from other questions are <float> and <flex>, I haven't discovered that topic yet, which makes this hard for me.

mplungjan
  • 155,085
  • 27
  • 166
  • 222
chromatic
  • 1

0 Answers0