I am trying to add a border around a youtube video.
<style>
#YouTube1
{border: solid #4cbfb5 10px;}
</style>
What am I doing wrong?
It works when I manually add it to the page.
Code: Select all
<!doctype html><html><head>
<meta charset="utf-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 12 - http://www.wysiwygwebbuilder.com">
<style>body{background-color:#FFFFFF;color:#000000;font-family:Arial;font-weight:normal;font-size:13px;line-height:1.1875;margin:0;padding:0;}</style>
<style>a{color:#0000FF;text-decoration:underline;}a:visited{color:#800080;}a:active{color:#FF0000;}a:hover{color:#0000FF;text-decoration:underline;}</style>
<style>#YouTube1{border: solid #4cbfb5 10px;}</style>
</head><body>
<div id="wb_YouTube1" style="position:absolute;left:242px;top:273px;width:358px;height:201px;z-index:0;">
<iframe id="YouTube1" src="https://www.youtube.com/embed/Es5sDrVRyuI?rel=1&autoplay=1&autohide=0"></iframe></div></body></html>