Can a <div> element act like a <span>?

HTML-CSS
1

<div> elements are block elements which means they take up all the width of the screen, right?
So my question is:
If we set a particular width to it via CSS, say 25%, will it act as an inline element or block (following element after it, will be grounded on the following row)?

2

The best way to find the answer to this is to just try it yourself. What happens when you set a width of 25% to a div?

1 Like
3

Yeah, I was about to suggest the same thing, something like:

<div style="background-color:lightgreen; width: 25%">apple</div>pie

Good engineers like taking things apart and seeing how they work. I would say the same about software engineers.

I would also point out that these things can be manipulated with the display attribute. I would also point out that these tend to have a certain semantic meaning so I would want to check to see if there is an element with a better fit before messing with this stuff.

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.