CodePen

HTML

            
              <div style="width: 40px;">
        <object>
          <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 80px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 120px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 160px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 190px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 210px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 250px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>

    <div style="width: 301px;">
        <object>
            <embed src="http://pukhalski.com/responsive-icons/responsive3.svg" />
        </object>
    </div>
            
          
!

CSS

            
              embed {
  width: 100%;
  height: auto;
}

div {
  float: left;
  border: 1px dotted gray;
  margin: 1em;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................