如何扩展表格大小以填充空白区域?

时间:2015-12-15 19:14:40

标签: html css css-tables

我想用红色填充照片和促销表之间的空白区域。 我曾尝试编辑代码(显示如下),但我无法弄清楚如何将表格大小扩展到左侧,因此它会在照片旁边:

        .how-it-works p {
    line-height: 21px;
    padding-top: 10px;
}

.hiw-side-promo {
    background-color: #EE4141;
    color: {{ settings.color_body_text }};
    padding-top: 24px;
    padding-left: 28px;
    padding-right: 141px;
    padding-bottom: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 5px solid {{ settings.color_form_border }};
}
.hiw-side-promo .heading h3 {
    font-family: {{ settings.face_secondary_heading }};
    color: #fff;
}

.hiw-side-promo .paragraph {
    font-family: {{ settings.face_body_text }};
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #FFF;
}

.hiw-side-promo button {
    color: {{ settings.color_body_text }};
    font-size: 12px;
    text-transform: uppercase;
    font-family: {{ settings.face_body_text }};
    font-weight: 900;
    padding: 7px 10px 7px 10px;
    margin-right: 5px;
    border: none;
}

这是现在看起来的照片:

照片和桌子之间的空白区域应为红色。

0 个答案:

没有答案
相关问题