Css cheatsheet > Select first line

select first line

First line selector targets top line in a given text.

#css


                


<style>
    .some-text{
        width: 300px;
    }
    .some-text::first-line{
        font-size: 24px;
        font-weight: 800;
    }
</style>
<p class="some-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti, optio harum? Eius, deserunt, optio assumenda accusamus error eos quasi commodi consequuntur recusandae sapiente vel itaque aut reiciendis ipsum nesciunt fugit.</p>
    
    Output:

        

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti, optio harum? Eius, deserunt, optio assumenda accusamus error eos quasi commodi consequuntur recusandae sapiente vel itaque aut reiciendis ipsum nesciunt fugit.

copy