Treehouse | Community | Using Inline-Block to Set Width, Height, Top and Bottom Margin and Padding

⚡ CYBER NOVEMBER SALE ⚡ 50% off any plan for 6 months, exclusive to new subscribers.

Join the Treehouse affiliate program and earn 25% recurring commission!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Caroline Louw
12,155 Points
when your designing the layout of webpage do you start styling everything for a mobile screen first ?

Posted July 14, 2020 5:04pm by Caroline Louw

Caroline Louw
12,155 Points
2 Answers
ja5on
10,339 Points
random

Posted July 12, 2020 5:03pm by ja5on

ja5on
10,339 Points
0 Answers
Jake Almendarez
Front End Web Development Techdegree Student 4,250 Points
what would you do if he wanted to keep the nav bar from going below the h1 tag?

Posted May 31, 2020 4:53am by Jake Almendarez

Jake Almendarez
Front End Web Development Techdegree Student 4,250 Points
1 Answer
Konrad Dziekonski
7,798 Points
link separations

Posted November 4, 2019 4:53pm by Konrad Dziekonski

Konrad Dziekonski
7,798 Points
2 Answers
Dimitris Karatsoulas
5,788 Points
Why the change of margin-top property applies both on name and main-nav.

Posted September 27, 2019 6:24pm by Dimitris Karatsoulas

Dimitris Karatsoulas
5,788 Points
1 Answer
Ahmed Ali
3,457 Points
in the part ".name a " what does the a represent

Posted March 19, 2019 5:33pm by Ahmed Ali

Ahmed Ali
3,457 Points
2 Answers
liamthornback2
9,618 Points
Media query not working properly when I go into mobile mode in the Chrome dev tools

Posted November 26, 2018 12:33am by liamthornback2

liamthornback2
9,618 Points
4 Answers
Jesse Dispoto
Front End Web Development Techdegree Graduate 14,538 Points
Can't we just edit the html and nest the <li> tag within the <a> tag, to achieve the same thing?

Posted October 16, 2018 9:46pm by Jesse Dispoto

Jesse Dispoto
Front End Web Development Techdegree Graduate 14,538 Points
1 Answer
Nicholas Gabriel
16,294 Points
On set display property of <a> to block, inside a li element, which is inline-block. Why didnt <a> start with new line.

Posted July 21, 2018 5:48pm by Nicholas Gabriel

Nicholas Gabriel
16,294 Points
3 Answers
Luqman Shah
3,016 Points
How?

Posted December 1, 2017 5:49pm by Luqman Shah

Luqman Shah
3,016 Points
1 Answer
Luqman Shah
3,016 Points
Confused by how these padding values work

Posted December 1, 2017 5:40pm by Luqman Shah

Luqman Shah
3,016 Points
1 Answer
Melissa Arneau
5,004 Points
Padding issues with li elements

Posted October 20, 2017 1:11pm by Melissa Arneau

Melissa Arneau
5,004 Points
2 Answers
Justin Wampler
4,523 Points
How did text-align center the ul block element? (@ 4:38)

Posted August 24, 2017 3:19am by Justin Wampler

Justin Wampler
4,523 Points
3 Answers
Ivo Vieira
5,443 Points
Why if I remove .name to be an inline-block element, the h1 stops being centered and goes to the left of the layout?

Posted June 6, 2017 6:07pm by Ivo Vieira

Ivo Vieira
5,443 Points
3 Answers
John Haupenthal
2,749 Points
Inline-block vs block

Posted April 25, 2017 4:08pm by John Haupenthal

John Haupenthal
2,749 Points
1 Answer
Zay Myo Tun
5,030 Points
inline-block UL is moving down along side with inline-block h1 after adding 50px top margin to h1

Posted November 10, 2016 1:38am by Zay Myo Tun

Zay Myo Tun
5,030 Points
0 Answers
Tilmann Pusch
2,394 Points
Why would I use inline instead of inline-block?

Posted October 29, 2016 1:29pm by Tilmann Pusch

Tilmann Pusch
2,394 Points
1 Answer
Chris Davis
16,280 Points
Sticker footer needed to be altered

Posted October 13, 2016 12:57pm by Chris Davis

Chris Davis
16,280 Points
1 Answer
Luca Di Pinto
8,051 Points
Clickable areas in the header links

Posted September 13, 2016 9:26pm by Luca Di Pinto

Luca Di Pinto
8,051 Points
4 Answers
Silvia Biurrun
558 Points
at 3:30 mark in video, Guil changed list items to disply:block. Why didn't this cause them to go back to vertical?

Posted August 22, 2016 3:39am by Silvia Biurrun

Silvia Biurrun
558 Points
2 Answers
Aaron Selonke
10,323 Points
The UL element is not wrapping to the next line below the .name element..

Posted July 21, 2016 4:27pm by Aaron Selonke

Aaron Selonke
10,323 Points
2 Answers
James Barrett
13,253 Points
Struggling to understand how the unordered list is wrapping all list items to the next line when using inline-block?

Posted July 6, 2016 4:30pm by James Barrett

James Barrett
13,253 Points
1 Answer
Tracey McEntyre
1,757 Points
When I change the line 108: from line to line-block and minimize the to mobile view, li go back to their origina look

Posted June 27, 2016 4:09pm by Tracey McEntyre

Tracey McEntyre
1,757 Points
1 Answer
Ross Alejandro Bendal
8,993 Points
Padding vs width?

Posted June 25, 2016 11:47am by Ross Alejandro Bendal

Ross Alejandro Bendal
8,993 Points
2 Answers
J V
4,471 Points
"name" class does not have a full, clickable box like the "main-nav li" items.

Posted June 7, 2016 4:58am by J V

J V
4,471 Points
1 Answer
Piccia Neri
8,937 Points
Padding disappears in mobile view

Posted May 2, 2016 9:50am by Piccia Neri

Piccia Neri
8,937 Points
5 Answers
Karl Pupé
6,718 Points
Nav Bar Elements are not taking responding to inline changes

Posted April 13, 2016 3:43pm by Karl Pupé

Karl Pupé
6,718 Points
1 Answer
Shaun Glassman
6,496 Points
Questions about inheritance

Posted March 14, 2016 6:16pm by Shaun Glassman

Shaun Glassman
6,496 Points
2 Answers
PLUS

Mukund Narasimhan
Courses Plus Student 9,443 Points
https://w.trhou.se/b1m18us5qh when i reduce the screen size header elements are not coming inline

Posted March 1, 2016 9:47pm by Mukund Narasimhan

Mukund Narasimhan
Courses Plus Student 9,443 Points
1 Answer
Michael McMillan
3,837 Points
The inline block element for my header links are not taking the padding value set in style.css

Posted January 24, 2016 3:05am by Michael McMillan

Michael McMillan
3,837 Points
1 Answer

Prev Page 1 of 2 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.