blob: fb5d498715a2486e92dbdcc6d64d91984a8cd7dc [file] [log] [blame]
<!DOCTYPE html>
.group {
float: left; width: 180px;
embed, iframe, object, img, input[type="image"], canvas, media, video {
margin: 10px 0 20px 10px;
outline: 4px solid black;
border: 10px solid transparent;
background-color: blue;
display: block;
height: 100px;
width: 100px;
All the replaced elements below should have a solid black outline.<p>
<div class="group">
<video src=""></video>
<canvas src="one day maybe"></canvas>
<media src=""></media>
<div class="group">
<iframe src="resources/square-blue-100x100.png"></iframe>
<embed src="resources/square-blue-100x100.png" type="image/png">
<object src="resources/square-blue-100x100.png"></object>
<div class="group">
&lt;input type=image&gt;
<input type="image" src="resources/square-blue-100x100.png">
<img src="resources/square-blue-100x100.png">