w3resource

HTML CSS Exercise - Style first letter and first line

HTML CSS Exercise - 19

In this exercise you will Style first letter and first line.

On completion, the page will look like following

Html first letter and first line

Use the following editor to complete the exercise.

See the solution in the browser

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


Previous:Calculate values with CSS3 calc().
Next: Style first and the last element.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

HTML-CSS: Tips of the Day

How to get equal width of input and select fields?

Here is how to change the box model used by the input/textarea/select elements so that they all behave the same way. You need to use the box-sizing property which is implemented with a prefix for each browser

-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;

This means that the 2px difference we mentioned earlier does not exist..

Note: On IE it works from version 8 and upwards.

Ref: https://bit.ly/3z0Dpec