cssAudio - ActiveCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <a href="http://english-spanishtranslator.com/100-common-spanish-words.html">some Spanish words</a>
<a href="http://english-spanishtranslator.com/100-common-spanish-words.html">Spanish words</a>
<a href="http://english-spanishtranslator.com/100-common-spanish-words.html">simple Spanish words</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases-in-english.html">Spanish phrases</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases-in-english.html">Common Spanish Phrases</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases-in-english.html">Spanish sentences</a>
<a href="http://english-spanishtranslator.com/happy-birthday-in-spanish.html">Happy Birthday in Spanish quotes</a>
<a href="http://english-spanishtranslator.com/happy-birthday-in-spanish.html">Happy birthday in Spanish</a>
<a href="http://english-spanishtranslator.com/happy-birthday-in-spanish.html">birthday wishes in Spanish</a>
<a href="http://english-spanishtranslator.com/happy-birthday-in-spanish.html">Happy birthday Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-love-and-romantic-phrases.html">Spanish Love Phrases</a>
<a href="http://english-spanishtranslator.com/spanish-love-and-romantic-phrases.html">Romantic Spanish Phrases</a>
<a href="http://english-spanishtranslator.com/spanish-love-and-romantic-phrases.html">Spanish Love Words</a>
<a href="http://english-spanishtranslator.com/spanish-love-and-romantic-phrases.html">Spanish word for love</a>
<a href="http://english-spanishtranslator.com/top-free-christmas-music-in-spansih.html">Spanish Christmas Music</a>
<a href="http://english-spanishtranslator.com/top-free-christmas-music-in-spansih.html">Spanish Christmas songs</a>
<a href="http://english-spanishtranslator.com/top-free-christmas-music-in-spansih.html">Free Christmas Music</a>
<a href="http://english-spanishtranslator.com/i-miss-you-in-spanish.html">I miss you in Spanish</a>
<a href="http://english-spanishtranslator.com/i-miss-you-in-spanish.html">Spanish love words</a>
<a href="http://english-spanishtranslator.com/i-miss-you-in-spanish.html">I miss you Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-blue-in-spanish.html">Blue in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-blue-in-spanish.html">How to say Blue in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-blue-in-spanish.html">Spanish for blue</a>
 
<a href="http://english-spanishtranslator.com/some-ways-to-practice-your-spanish.html">Spanish speaking</a>
<a href="http://english-spanishtranslator.com/some-ways-to-practice-your-spanish.html">Spanish test</a>
<a href="http://english-spanishtranslator.com/some-ways-to-practice-your-spanish.html">teach yourself Spanish</a>
<a href="http://english-spanishtranslator.com/top-ten-best-spanish-movies.html">Spanish Movies</a>
<a href="http://english-spanishtranslator.com/top-ten-best-spanish-movies.html">Spanish Films</a>
<a href="http://english-spanishtranslator.com/top-ten-best-spanish-movies.html">Best Spanish movie</a>
<a href="http://english-spanishtranslator.com/top-spanish-songs.html">Spanish song</a>
<a href="http://english-spanishtranslator.com/top-spanish-songs.html">Top Spanish songs</a>
<a href="http://english-spanishtranslator.com/top-spanish-songs.html">Spanish music</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases.html">Spanish Quotes</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases.html">Spanish Proverbs</a> 
<a href="http://english-spanishtranslator.com/common-spanish-phrases.html">Spanish Saying</a>
<a href="http://english-spanishtranslator.com/common-spanish-phrases.html">Common Spanish Phrases</a>
<a href="http://english-spanishtranslator.com/the-alphabet-in-spanish.html">Spanish Alphabet</a>
<a href="http://english-spanishtranslator.com/the-alphabet-in-spanish.html">Spanish alphabet sounds</a>
<a href="http://english-spanishtranslator.com/the-alphabet-in-spanish.html">Spanish alphabet pronunciation</a>
<a href="http://english-spanishtranslator.com/all-months-in-spanish.html">months of the year in Spanish</a>
<a href="http://english-spanishtranslator.com/all-months-in-spanish.html">Spanish months</a>
<a href="http://english-spanishtranslator.com/all-months-in-spanish.html">Spanish months of the year</a>
<a href="http://english-spanishtranslator.com/how-to-speak-the-days-of-the-week-in-spanish.html">Spanish Days</a>
<a href="http://english-spanishtranslator.com/how-to-speak-the-days-of-the-week-in-spanish.html">days of the week in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-pet-in-spanish.html">Spanish water dog</a>
<a href="http://english-spanishtranslator.com/how-to-say-pet-in-spanish.html">fish in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-pet-in-spanish.html">Dog in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-pet-in-spanish.html">pet in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-pet-in-spanish.html">Puppy in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-colors-in-spanish.html">Colors in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-colors-in-spanish.html">Spanish Colors</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-colors-in-spanish.html">Spanish Colours</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-colors-in-spanish.html">Pink in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-colors-in-spanish.html">Black in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-red-in-spanish.html">Red in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-red-in-spanish.html">Spanish Red</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-red-in-spanish.html">How to say red in Spanish</a>
 
<a href="http://english-spanishtranslator.com/how-to-wish-happy-new-year-in-spanish.html">Happy New Year Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-wish-happy-new-year-in-spanish.html">New Year Wishes in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-wish-happy-new-year-in-spanish.html">Happy New Year in Spanish</a>
<a href="http://english-spanishtranslator.com">Translate English to Spanish</a>
<a href="http://english-spanishtranslator.com">English to Spanish translation</a>
<a href="http://english-spanishtranslator.com">translate from English to Spanish</a>
<a href="http://english-spanishtranslator.com/top-ten-christmas-greeting-words-in-spanish.html">merry christmas in spanish</a>
<a href="http://english-spanishtranslator.com/top-ten-christmas-greeting-words-in-spanish.html">Happy Christmas in Spanish</a>
<a href="http://english-spanishtranslator.com/top-ten-christmas-greeting-words-in-spanish.html">merry christmas spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-spanish-number-1-to-20.html">Spanish numbers</a>
<a href="http://english-spanishtranslator.com/how-to-say-spanish-number-1-to-20.html">Spanish number</a>
<a href="http://english-spanishtranslator.com/top-spanish-books.html">Kids Spanish Books</a>
<a href="http://english-spanishtranslator.com/top-spanish-books.html">Spanish stories</a>
<a href="http://english-spanishtranslator.com/top-spanish-books.html">Spanish books</a>
<a href="http://english-spanishtranslator.com/all-season-in-spanish.html">Summer in Spanish</a>
<a href="http://english-spanishtranslator.com/all-season-in-spanish.html">Winter in Spanish</a>
<a href="http://english-spanishtranslator.com/all-season-in-spanish.html">Autumn in Spanish</a>
<a href="http://english-spanishtranslator.com/all-season-in-spanish.html">Spring in Spanish</a>
<a href="http://english-spanishtranslator.com/all-season-in-spanish.html">Season in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">best way to learn the Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">easiest way to learn Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">how to speak Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">Spanish games</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">Spanish website</a>
<a href="http://english-spanishtranslator.com/how-to-speak-in-spanish.html">teach yourself Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-spanish-number-1-to-20.html">Counting in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-family-in-spanish.html">family in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-family-in-spanish.html">family members in Spanish</a>
<a href="http://english-spanishtranslator.com/how-to-say-family-in-spanish.html">family vocabulary</a>
<a href="http://english-spanishtranslator.com/how-to-say-family-in-spanish.html">Spanish family</a>
<a href="http://english-spanishtranslator.com/how-to-say-family-in-spanish.html">Spanish family tree</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-yellow-in-spanish.html">Yellow in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-yellow-in-spanish.html">Yellow Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-colors-how-to-say-yellow-in-spanish.html">How to say yellow in Spanish</a>
<a href="http://english-spanishtranslator.com/colors-in-spanish-how-to-say-purple-in-spanish.html">Purple in Spanish</a>
<a href="http://english-spanishtranslator.com/colors-in-spanish-how-to-say-purple-in-spanish.html">Purple Spanish</a>
<a href="http://english-spanishtranslator.com/colors-in-spanish-how-to-say-purple-in-spanish.html">How to say Purple in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Apple in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Cherry in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Banana in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Coconut in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">fruits in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Grapes in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Orange in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Papaya in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Plum in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Pomegranate in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Spanish Fruits</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Pineapple in Spanish</a>
<a href="http://english-spanishtranslator.com/spanish-fruits-how-to-say-fruit-in-spanish.html">Watermelon in Spanish</a>

            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console