Ons-List-Item自动高度调整

Question

我尝试使用ons-list-item，但高度未对齐。我正在寻找自动高度调整解决方案，但花了太多时间在线搜索无济于事。可能有一个非常简单的解决方案，希望有人可以提供帮助。

我的问题的附加图像说明。 Image of Ons-List-Item with Height Issue

<ons-list>
        <ons-list-item class="list-item-container" modifier="tappable">
            <div id="myDiv" class="list-item-right">
                <div class="list-item-content">
                    <div class="bubble bubble desc">
                        Hi, how are you? Glad to hear you are interested in our project. Hi, how are you? Glad to hear you are interested in our project.
                        <br/><span class="lucent timeline-date">David, 3:14 PM</span>
                    </div>
                </div>
            </div>
        </ons-list-item>
        <ons-list-item class="list-item-container" modifier="tappable">
            <div class="list-item-right">
                <div class="list-item-content">
                    <div class="bubble bubble-alt green desc">
                        I look forward working with you.
                        <br/><span class="lucent timeline-date">Adrian, 3:16 PM</span>
                    </div>
                </div>
            </div>
        </ons-list-item>
    </ons-list>