My html coding with CSS
<!DOCTYPE html> <html> <head> <title>learn it</title> <link rel="stylesheet" type="text/css" href="user.css"> <style type="text/css"> body{ background-color:rgb(255,255,255); font-family: Arial, Helvetica, Sans-Serif; font-size:18px; font-weight: normal; line-height: 1.6em; } .box-1 h1{font-family: tahoma; font-size:18px; font-weight: normal; color: yellow; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.2em; word-spacing: 1em; } p{ color: rgb(123,033,255); } .container{ width: 75% ; margin: auto; } .button{ background-color: #333; color: #fff; padding: 10px 15px; border: none; } button:hover{ background-color: red; } .clr{ clear: both; } .box-1{ background-color:#333; color: #fff; border: 5px gray solid; } .box-2{ background-color:brown; color: #fff; border: 3px grey dotted ; margin: 20px 0; } .box-2 ...