Having a hard time getting things to align

  • Resolved DingleGuy

    (@dingleguy)


    9 years, 8 months ago

    I know this may be very simple but I am having a hard time wrapping my head around why this is doing this.

    https://www.splitallica.com/?page_id=245

    I know it is duplicate content but it is just a test. Why won’t the pictures line up on the left and stack down the page?

    Any help would be greatly appreciated.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • I think that is basically how CSS float works…

    https://css-tricks.com/all-about-floats/

    If you have one thing (eg an image), and you align another thing to the left, it will wrap to the left as it is doing now.

    Solution ?

    One way you can very very easily do what you want to do is to use “clear: both” in a p or Div tag wrapped around the first paragraph of the second section.

    Eg:

    View post on imgur.com

    Thread Starter DingleGuy

    (@dingleguy)

    Thank you so much. I have been working all day and my brain is fried. Never even thought about clearing it. It looks fine now.

    Awesome. Haha I know that feeling. Bizarrely as the night goes on I seem to keep the ability to code/make website things, but lose the ability to speak coherently!

    Glad I could help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Having a hard time getting things to align’ is closed to new replies.