Ans: Any website that means to be responsive, when it fits any system screen resolution device types, looks good at any size, and understandable to the user.
Q16. Explain the difference between inline, inline-block and block?
Ans: Block: It will always starts in the new line and fills the right and left horizontal space on the web page. It can add margins and padding to the page.
| 1 | Examples of the Block are <div>, <p> tags. |
Let us consider an example here:
| 12345 | .block-example{background-color:green;Padding:20px;} |
2. Inline- Element: These elements do not start in the new line. They appear in the same line. In this, you cannot add space to top and bottom paddings to the page, but you can add space to the left and right on an inline element. Examples of inline elements are span, strong, img tags.UI Developer Certification Training!Explore Curriculum
Let us consider an example here:
| 1234567891011121314151617 | .block-example{background-color:green;Padding:20px;}strong{background-color:white;padding-left: 20px;padding-right: 20px;}span{background-color:white;padding-left: 20px;padding-right: 20px;} |
3. Inline-block: In these elements are similar to inline elements, but padding and margins added on all four sides.
Let us consider an illustration over here.
| 1234567891011121314 | .nav{background-color:#F0B27A;Padding:20px;list-style-type: none;text-align: center;}.nav li{display: inline-block;font-size: 20px;padding-left:20px;padding-right:20px;} |
