用CSS修改标签的默认样式

我原来是h2黑色字体，现在我是红色字体。

我原来是div块，现在我是div行。

我是span行，现在我是span块。

    <style>
        #h2Ele {
            border: 1px solid lightgray;
            color: red;
        }
        #divEle {
            display: inline;
            border: 1px solid lightgray;
        }
        #spanEle {
            display: block;
            border: 1px solid lightgray;
        }
    </style>
    <h2 id="h2Ele">我原来是h2黑色字体，现在我是红色字体。</h2>
    <div id="divEle">我原来是div块，现在我是div行。</div>
    <span id="spanEle">我是span行，现在我是span块。</span>