如何以表格方式显示4个文本块?

时间:2014-05-17 03:08:26

标签: html css

我想显示4个文本块,如下所示:

SmallText........................................SmallText
.................................................SmallText
VERY LONG DESCRIPTION SPANNING ACROSS.....................
MULTIPLE LINES...................................SmallText

我试图将这些放在表格中,但由于左下角的描述较长,整个屏幕看起来都很扭曲。考虑到网页用于不同的设备,最好的方法是什么?

这是我的HTML:

<div class="text">
            <table>
                <tr>
                    <td>The Big Book</td>
                    <td>The Humming Tree</td>
                </tr>
                <tr>
                    <td></td>
                    <td>12, DownTown, CA</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>Jehu Mulobo regularly captivates audiences as a lead guitarist and vocalist all over the world. His music demonstrates a range of shades and temperaments. The sound builds down to acoustic simplicity which draws influences from an electric range of genres from soukousse, blues, afrobeat, rumba and reggae.</td>
                    <td>Presented by DIG</td>
                </tr>
            </table>
        </div>

1 个答案:

答案 0 :(得分:0)

尝试将每个文本放在单独的div中,并为div添加样式。见this

<div class = "title">Some Text......</div>
<div class = "description">VERY VERY LONG </div>