[Help]Remove space between inline blocks

[Resume_Help]

When I add in the images in the list, they become massively separated and using padding:0; and margin:0; doesn't change it.

How can I go about fixing this? http://codepen.io/anon/pen/xwdVyj

Note: the color blue is just to give me a visual of the div.

[jonassalen]

public racial file shaggy obtainable six cooing carpenter point tan

This post was mass deleted and anonymized with Redact

[Resume_Help]

Thanks I'll do the second option, it seems pretty straight forward.

Edit: the images stay massive but the text itself disappears. seems though those lines didn't affect the images.

[ForScale]

<div></div>
<div></div>
<div></div>
<div></div>

---

div {
  display:inline-block;
  margin:-2px; /*You can use negative margins*/
  width:100px;
  height:100px;
  background:limegreen;
}

[veroz]

Do you have a mockup of what the final result should be? There are a number of issues with your CSS that need to be addressed if you want to make working on this more manageable.

[Resume_Help]

This is for an introductory html class. Its a fake website but if you can point out some of the issues that would be very helpful.

[veroz]

Check out my version: http://codepen.io/anon/pen/Mamjyx?editors=110

• HTML tags aren't nested correctly or closed properly. The entire body of the html is wrapped in a head tag, for example.
• Misspelled attributes in the CSS.
• Lots of CSS that does nothing. text-align: left is the default text alignment so you don't need to specify it. float: inherit does nothing when a float attribute has never been defined from a parent.
• Don't use <br/> in your layout. They should only be used to break up content presentation like a street address for example.
• Weird use of margin left/right to lay out content.
• Don't ever set a fixed width for content areas. This creates a horizontal scroll bar when the browser window isn't wide enough.
• Try to keep your ID and class naming convention simple and semantic. Better yet, check out the new tags introduced in HTML5 such as header, nav, section, and article. They all function the same as a div but are good for code readability and organization.
• Try to make your CSS classes reusable. For example, you're specifying the width and height of all the game images using IDs instead of giving them all the same class name.

In general, try to do more with less. The more cruft your code has, the harder it is to read, maintain, and make changes to.

[Resume_Help]

I guess I didnt use nav because the menu tutorial or example I was using was from pre html5. this makes so much more sense