Name: Inline and Block elements
Uploaded: 2019-07-09T18:08:20.928Z
Duration: 6 min 9 s
Description: ## Block elements - Always start a new line of content - Default width: 100% - Defauly height is 0, but it will grow to fit the contenti inside it ## Inline elements - Do not start new lines (goes with the flow of contenta around it) - Does not accept width, height, or margin top and bottom - Padding top and bottom can cause overlapping issues

scrimba

Watch in fullscreen

Inline and Block elements

by Kevin Powell

Learn Responsive Web Design

About

Comments

Notes

The span element3:34

Inline and Block elements

by Kevin Powell

Learn Responsive Web Design

Expand for more info

The span element3:34

css

style.css

run

preview

console

.card {
    background: #000;
    color: white;
    width: 560px;
    margin: 0 auto;
    padding: 45px;
}

h1, p {
    margin-top: 0;
}

h1 {
    font-size: 24px;
}

p {
    font-size: 18px;
}

.links {
    margin-top: 40px;
    margin-bottom: 0;
}

-6:08