css两个div分别左右,CSS保持左右两个DIV？

Text at LEFT

我怎样才能改变CSS，使两个div的样子？

+--------------+--------+

|Text at LEFT | ####|

| | ####|

| | ####|

| | |

| | |

+--------------+--------+

即在左边DIV左上方文字，在右上方对齐DIV的图像。

UPDATE：

我使用的是这样的：

.field-name-body {

width: 320px;

float: left;

}

.field-name-field-image {

width: 300px;

float: right;

}

，但我不知道如何保护上述类从污染的CSS全局命名空间。我希望我可以限制article范围内float left和float right ...

2014-10-17

ohho

+0

我会使用类似[Flexbox的(http://css-tricks.com/snippets/css/a-guide- flexbox /) –

2014-10-17 10:24:29

+0

@Hiral现有的CSS附加。 –

2014-10-17 10:47:32