Conteudo da div interfere na posição da outra

[Vitor Campos]

Aqui uma screenshot detalhada do erro: http://prntscr.com/j5firk

Observe que quanto maior for o conteudo da div ao lado, a outra div desce em questão da posição. O que eu queria é que ela ficasse fixa ali.

--

Já tentei usar Position: fixed; mas não funciona a div fica com um tamanho desproporcional e sai do tamanho que eu defini.

Codigo:

<div style="max-width: 100%;">
                <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
                    <div class="card-content">
                        <h5 class="card-title white-text"><i class="fas fa-star" style="color:yellow"></i> USUARIO DESTAQUE<hr></hr></h5>
                        <p class="white-text">
                        <div class="destaque white-text">
                            conteudo teste
                            <br>
                            conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>
                        </div>
                        </p>
                    </div>
                </div>
                <span style="padding-left:1%"></span>
                <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
                    <div class="card-content">
                        <h5 class="card-title white-text"><i class="pink-text fas fa-gift"></i> PRESENTES<hr></hr></h5>
                        <center>
                            <p class="white-text">
                                <i class="fas fa-unknown fa-2x"></i>
                            </p>
                        </center>
                    </div>
                </div>
        </div>