Sourav Mandal Profile picture
Mar 15 β€’ 6 tweets β€’ 2 min read
❒ Css Display Property

A Complete Thread πŸ§΅β†“
βž€ Display β‡₯ Inline

β‡₯ An inline property dose not start on new and only takes up as much width as necessary.Any height and width properties will have no effect on inline elements. This example overrides the default setting of <li> bullet points and presents them in one line.
➁ Display : Block
β‡₯ Display Block property shows the elements one by one like a building. Every block element appears in a new line. margin. padding and width work in display block.
βž‚ Display : inline-block
β‡₯ Display: inline-block is a combination of both inline and block property. allows other elements deside, margin , padding and width work in inline-block property.
βžƒ Display : None

β‡₯ The <div> set to display:none completely disappears form the page. The next <div> fills its place, leaving no empty space.
That's all for now.

If you liked this thread, make sure to:

1. Follow me @souravWD

2. Retweet the first tweet

Thank you so much for getting to the end of the thread πŸ’™ ! Let me know what you think below 😊 .

Cheers! 🍻

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Sourav Mandal

Sourav Mandal Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @souravWD

Mar 14
β¬’ Top 8 Free Resources For Web Development.
❑ You can used Them in your Projects.

A Thread πŸ§΅β†“
βž€ Error 404

β‡₯ This source is awesome for finding illustrations you can use for your website's 404 page.

error404.fun
➁ Smash illustrations

β‡₯ Control features high-quality illustrations in solid and linear style for free. They are free to use in commercial and personal use.
usesmash.com
Read 10 tweets
Mar 13
πŸ”Ή Tips for SEO Friendly Website

πŸ§΅β†“πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡
βž€ β‡₯ Group the content relevance and use descriptive items to help user find easily the information that they are looking for.

➁ β‡₯ Use text links in footer to support navigation. text links are very useful both for the users the search engines.
βž‚ β‡₯ Use breadcrumb navigation to allow users keep track of location within your website and help search engines understand your website structure.
Read 4 tweets
Mar 13
πŸ”Ή HTML Cheat Sheet

A Thread πŸ§΅β†“
βž€ Basic Html 5

❒ <!DOCTYPE> β‡₯ Defines the document.
❒ <html> β‡₯ Defines an html document
❒ <head> β‡₯ Contains metadata/information for the document
❒ <title> β‡₯ Defines a title for the document
❒<body> β‡₯ Defines the document's body
❒<h1> to <h6> β‡₯ Defines HTML Heading
❒ <p> β‡₯ Defines a paragraph
❒ <br> β‡₯ inserts a single line break
❒ <hr> β‡₯ Defines a thematic change in the content
❒ <!--..--> β‡₯ Defines a comment
Read 8 tweets
Mar 12
πŸ”Ή6 Useful HTML Attributes

A ThreadπŸ§΅β†“
βž€ Poster
β‡₯ Poster Attribute is used to show image while the video is downloading, or until the user hits the play button.
➁ Accesskey
β‡₯ The accesskey attribute specifies a shortcut key to activate/ focus an element.
Read 8 tweets
Mar 11
πŸ”ΉBest 7 Tools for Web Developer !

A Thread πŸ§΅β†“
βž€ Devhints.io
β‡₯ Here you will file sate of ready-made snippets with popular code snippets, configurations, and commands.
➁ Bootsteap Cheatsheet
β‡₯ The bootstrap cheat sheet is an interactive list of bootstrap 5 classes, Variables and mixins. it helps you easily fine the differences between bootstrap 4 and bootstrap 5.
Read 9 tweets
Mar 11
β¬’ Every Python Developer Has To Know About The Keywords.

These Are The 30 Below πŸ§΅β†“
βž€ And β‡₯ A Logical operator.
➁ As β‡₯ To create an alias.
βž‚ Assert β‡₯ For Debugging.
βžƒ Break β‡₯ To Break Out Of a .
βž„ Class β‡₯ To Define A Class.
βž… Continue β‡₯ To Continue to the next iteration of a loop.
βž† Def β‡₯ To Define a function.
βž‡ Delβ‡₯ To delete an object.
➈ Elif β‡₯ Use in conditional statements, same as else if.
βž‰ Else β‡₯ Used in conditional Statements.
βž€βž€ Except β‡₯ Used with exceptions, what to do when art exception occurs.
βž€βž False β‡₯ Boolean value, Result of comparison operations.
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(