From the course: No-Code CSS Layouts with Webflow

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Understanding block, inline, and inline-block

Understanding block, inline, and inline-block - Webflow Tutorial

From the course: No-Code CSS Layouts with Webflow

Start my 1-month free trial Buy for my team

Understanding block, inline, and inline-block

“

- [Instructor] Next thing I'd like to look at are some of the poorly understood so-called layout options in Webflow. Over here in the Layout panel, we have these items here that are called Block, that are called Inline-block, and Inline. The other three options that we have are Flexbox, I'm going to talk about that a little bit later, Grid, going to talk about that a little bit later, and Display None, which is a way of hiding elements that are there on the page. So, to start my example here, I am going to delete a couple of these paragraphs, I don't really need that many. And after the existing paragraph, I am going to add a text block. And in this text block, I am going to write, "I am block." I'm going to give this a class of block, and I'm going to set my text size down under Typography to 2 REM just to make it bigger so you can see it. And I'm going to copy that, I'm going to paste it twice more. The second option here, I'm going to change from block to inline. And I am going to…

Contents