Skip to content

Instantly share code, notes, and snippets.

View rambhairao's full-sized avatar

sunil rambhairao

  • curofy.com
  • gurgaon india
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
p{
text-transform: uppercase;
cursor: pointer;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
div#down > p {
color: red;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
[data-vegetable]{
color: green;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
#a{
width:300px;
height:200px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.a{
width:150px;
height: 100px;
whenever we made a block relative positioned
then it would be change it's position(LEFT RIGHT TOP BOTTOM and Z-INDEX ) relatvie to own position.....
and it's right position properties will only work when we add width of it;s parent positioned element....
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.a{
width:100px;
height:100px;
@rambhairao
rambhairao / hello-sunil1
Created July 1, 2017 15:06
this is just a new file
echo "new gist file"