html testing
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
<!DOCTYPE html>
<html>
<head>
<title>주식갤링크</title>
</head>
<style type="text/css">
.mainbackground{float:left;background-color: #gold;}
.subbackground{float:left; background-color: gold; width: 98%; height: auto; }
.divs{width:100%;height:70px;}
.gline1{float:left; font-size:20px; color:#a4065d;background-color: gold; padding:10px; width: 98%; height: auto; cursor: pointer;}
.gline2{float:left; color:#08c8c8; background-color: gold; padding:0px 0px 0px 10px; width: 50px; height: 25px; cursor: pointer;}
.gline2-1{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 0px;width: 50px; height: 25px; cursor: pointer;}
.gline3{float:left; color:#08c8c8; background-color: gold; padding:0px 0px 0px 0px;width: 50px; height: 25px; cursor: pointer;}
.gline3-1{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 0px;width: 30px; height: 25px; cursor: pointer;}
.gline4{float:left; color:#527af0; background-color: gold; padding:0px 0px 0px 0px;width: 40px; height: 25px; cursor: pointer;}
.gline4-1{float:left; color:#ccacac; background-color: gold; padding:0px 0px 0px 0px;width: 10px; height: 25px; cursor: pointer;}
.gline4-2{float:left; color:#ccacac; background-color: gold; padding:0px;width: 67.01%; height: 25px; cursor: pointer;}
</style>
<body>
<h1>주식갤링크</h1>
<p>재미있는 일간 주식링크.</p>
<div class="subbackground">
<hr />
<div class="gline1" onclick="location.href='https://www.bobaedream.co.kr/view?code=strange&No=4552818&bm=1';">떡상중</div>
<div style="clear:left"></div>
<div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3-1">24</div>
<div class="gline4-1">|</div>
<div class="gline4">주겔</div>
<div style="clear:left; "></div>
<hr />
</div>
<div class="subbackground">
<div class="gline1" onclick="location.href='https://www.bobaedream.co.kr/view?code=strange&No=4552805&bm=1';">추미애가 옳았다!! 답답한 민주당에 일침 "법사위 양도 철회해라".....</div>
<div style="clear:left"></div>
<div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3-1">24</div>
<div class="gline4-1">|</div>
<div class="gline4">주겔</div>
<div style="clear:left; "></div>
<hr />
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>주식갤링크</title>
</head>
<body>
<h1>주식갤링크</h1>
<p>재미있는 일간 주식링크.</p>
<div style="float:left; background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div> <div style="float:left; background-color: gold; padding:10px; width: 50px; height: auto; cursor: pointer;">09:00</div> <div style="float:left; background-color: gold; padding:10px; width: 50px; height: auto; cursor: pointer;">24</div></div>
<div style=" background-color: gold; padding:10px; width: 300px; height: auto; cursor: pointer;" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>주식갤링크</title>
</head>
<style type="text/css">
.gline1{float:left; font-size:20px;background-color: gold; padding:10px; width: 400px; height: auto; cursor: pointer;}
.gline2{float:left; background-color: gold; padding:10px; width: 70px; height: auto; cursor: pointer;}
.gline3{float:left; background-color: gold; padding:10px; width: 55px; height: auto; cursor: pointer;}
.gline4{float:left; background-color: gold; padding:10px; width: 70px; height: auto; cursor: pointer;}
</style>
<body>
<h1>주식갤링크</h1>
<p>재미있는 일간 주식링크.</p>
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>
<div class="gline2">일시</div> <div class="gline2">09:00</div><div class="gline3">추천</div> <div class="gline3">24</div><div class="gline4">주겔</div></div>
<div style="clear:left"></div>
<hr />
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">
<div class="gline2">일시</div> <div class="gline2">09:00</div> <div class="gline3">추천</div> <div class="gline3">24</div><div class="gline4">주겔</div></div>
<div style="clear:left"></div>
<hr />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>주식갤링크</title>
</head>
<style type="text/css">
.gline1{float:left; font-size:20px;background-color: gold; padding:10px; width: 100%; height: auto; cursor: pointer;}
.gline2{float:left; background-color: gold; padding:0px; width: 5%; height: auto; cursor: pointer;}
.gline2-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}
.gline3{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}
.gline3-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}
.gline4{float:left; background-color: gold; padding:0px;width: 10%; height: auto; cursor: pointer;}
.gline4-1{float:left; background-color: gold; padding:0px;width: 5%; height: auto; cursor: pointer;}
</style>
<body>
<h1>주식갤링크</h1>
<p>재미있는 일간 주식링크.</p>
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>
<div class="gline2">일시 : </div> <div class="gline2">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3">24</div>
<div class="gline4-1">|</div>
<div class="gline4">주겔</div></div>
<div style="clear:left"></div>
<hr />
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">
<div class="gline2">일시 : </div> <div class="gline2">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3">24</div>
<div class="gline4-1">|</div>
<div class="gline4">주겔</div></div>
<div style="clear:left"></div>
<hr />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>주식갤링크</title>
</head>
<style type="text/css">
.divs{width:100%;height:70px;}
.gline1{float:left; font-size:20px; color:#a4065d;background-color: gold; padding:10px; width: 98%; height: auto; cursor: pointer;}
.gline2{float:left; color:#6c625e; background-color: gold; padding:0px 0px 0px 10px; width: 5%; height: 25px; cursor: pointer;}
.gline2-1{float:left; color:#40625e; background-color: gold; padding:0px;width: 5%; height: 25px; cursor: pointer;}
.gline3{float:left; color:#40625e; background-color: gold; padding:0px 0px 0px 10px;width: 5%; height: 25px; cursor: pointer;}
.gline3-1{float:left; color:#40625e; background-color: gold; padding:0px;width: 5%; height: 25px; cursor: pointer;}
.gline4{float:left; color:#40625e; background-color: gold; padding:0px 20px;width: 5%; height: 25px; cursor: pointer;}
.gline4-1{float:left; color:#ccacac; background-color: gold; padding:0px 0px 0px 0px;width: 1%; height: 25px; cursor: pointer;}
.gline4-2{float:left; color:#ccacac; background-color: gold; padding:0px;width: 67.01%; height: 25px; cursor: pointer;}
</style>
<body>
<h1>주식갤링크</h1>
<p>재미있는 일간 주식링크.</p>
<div class="divs">
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333250&page=3';">떡상중</div><div style="clear:left"></div>
<div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3-1">24</div>
<div class="gline4-1">|</div>
<div class="gline4">주겔</div>
<div class="gline4-2"></div>
</div>
<div style="clear:left; "></div>
</div>
<hr />
<div class="gline1" onclick="location.href='https://gall.dcinside.com/board/view/?id=neostock&no=1333221&page=3';">똑똑한 주갤러들아 뭐 좀 묻자</div><div style="clear:left">
<div class="gline2">일시 : </div> <div class="gline2-1">09:00</div>
<div class="gline4-1">|</div>
<div class="gline3">추천 : </div> <div class="gline3-1">24</div>
<div class="gline4-1">|</div>
<div class="gline4-2">주겔</div></div>
<div style="clear:left;"></div>
<hr />
</body>
</html>