CodePen

HTML

            
              <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Test Page 1</title>
        <link href="test1.css" rel="stylesheet" />
    </head>
    <body>
        <div>
            <img src="pic.jpg" alt="nusheen_pic" height="100" width="100" style="float: right;"/>
            <p>At nusheen's, hairstyle is our art.
            We make a commitment to professional hair treatment and design.
            Every individual is unique and requires an assessment by our staff.
            Consultation with the client is essential to determine the most appropriate design.
            Elegance and Style are the focus of this unique studio.
            All people are beautiful, but our craft allows the inner beauty to be enhanced and presented in the most effective way.</p>
        </div>
    </body>
</html>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              div {
  position: relative;  
  margin-top: 150px; 
  margin-right: 75px; 
  margin-bottom: 400px; 
  margin-left: 300px; 
  border: solid black; 
  background: black; 
  color: white; 
  font-size: 40px; 
  text-align:justify
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................