저기서 가위 , 바위 , 보 중 하나 클릭했을때 나오는 화면이 저렇게 나옵니다 ㅠ
작성해주신 소스 적용해 보아도 그러네요 ㅠ

아마, 다른 파일들도 위소스 참고하셔서 다 개별적으로 수정해주셔야 할 거에요.

그렇군요.. 한번 노력해보겠습니당 ㅎ 그런데 저기 고정포인트게임, 단일랜덤포인트게임 있는 상자부분과
이게임은~ 다. 이부분 있는 상다 사이에 간격은 어떻게 조정할수있을까요???

.str_btnok { padding-top:2px; height:25px; background-color:#555555; font-weight:bold; color:#ffffff; border:2px solid #ff0000;}
.str_btn { padding-top:2px; height:25px; background-color:#f8f8f8; font-weight:bold; color:#888888; border:2px solid #888888;}
.str_er { clear:both; height:10px; font-size:10px; }
.str_ersub { clear:both; border:1px solid #dddddd; background:#f1f1f1; width:680px; height:30px; padding:10px 10px 10px 10px; text-align:center; }
.str_top { clear:both; border:1px solid #dddddd; background:#f8f8f8; padding:10px 10px 10px 10px; width:680px; height:65px; line-height:22px; text-align:left; }
.str_topon { clear:both; border:1px solid #dddddd; background:#f8f8f8; padding:10px 10px 10px 10px; width:680px; height:45px; line-height:22px; text-align:left; }
.str_con { clear:both; border:1px solid #dddddd;  background:#f8f8f8; padding:10px 10px 10px 10px; width:680px; height:180px; text-align:center; }
.str_bt { clear:both; border:1px solid #dddddd;  background:#f8f8f8; padding:10px 10px 10px 10px; width:680px; height:110px; text-align:left; }
.str_bton { clear:both; border:1px solid #dddddd;  background:#f8f8f8; padding:10px 10px 10px 10px; width:680px; height:70px; text-align:center; }

margin 속성에 관해 공부해 보세요.
https://homzzang.com/b/css?sca=margin

아마니 사용하시면, 아래처럼  해당 HTML 요소 사이에 넣으시면 됩니다.

<div class="h15"></div>