'Keeping label on two lines starting from the same point?

How can I keep a label and it's text starting on the same place? For example, what I want to achieve:

☑️ Lorem ipsum dolor sit amet,
     consectetur adipiscing elit.

And here is my attempt: 

div {
  width:300px;
}

label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    height: 15px;
    width: 15px;
    border: 2px solid #666;
    border-radius: 3px;
    background-color: #fff;
    transition: background-color 0.2s;
}
<div>
  <label>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at     molestie mi.</label>
</div>
htmlcss


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions