CSS Question-Answer

What is the difference between the 'id' attribute and the 'class' attribute of HTML elements?

Class attribute can be applied on multiple HTML elements, whereas Id attribute can be applied only on one single HTML element. Id must be unique within a web page.

Is it possible to change an inline element into a block level element?

Yes, it is possible to change the inline element into a block-level element using the CSS 'display' property with its value as 'block'

Is it possible to change an block level element into a inline element?

Yes, using the CSS 'display' property, with its value as 'inline'

Why the code is not working?

<style>
.form-control:after{
  content: '*';
  color: red;
}
</style>
<input type="text" class="form-control" name="contact_name" placeholder="Name" required>

Answer: The above code will not work because the input elements have no content.
<style> .form-control:after{
content: '*';
color: red;
}
</style>
<input type="text" name="contact_name" placeholder="Name" required>
<span class="form-control"></span>