Inline select text

by stopsatgreen

HTML

<p>Show me <select>
    <option>all videos</option>
    <option>goals</option>
    <option>interviews</option>
    </select>
    from <select>
    <option>every league</option>
    <option>Serie A</option>
    <option>Brasileirao</option>
    <option>Turkice Lige</option>
    </select></p>

CSS

p { font: bold 36px/1 Arial, sans-serif; }
select { background-color: white; color: red; border: none; -moz-appearance: none; -webkit-appearance: none; }
option { color: red; font-weight: bold; }

/* This is a proof of concept, not a design */