Как заставить элементы течь горизонтально, а не вертикально?

Question

У меня есть ссылка после изображения в моем xhtml. Браузер автоматически помещает символ возврата после изображения, чтобы ссылка находилась под изображением. Я хочу, чтобы ссылка была рядом с изображением. Как мне изменить CSS / XHTML для этого?

PHP генерирует это так (пример кода)

  echo "<img class = \"c\" src=\"http:\/\/www.facebook.com\/favicon.ico\" alt=\"\"\/>";
  echo "<a name = \"a1\" class = \"b\" href = \"$ass_array[url]\">$ass_array[name]</a>";

CSS

img.c
  {
  display:??;
  }

a.b
  {
  color:#000088;
  padding-top:2px;
  padding-bottom:2px; 
  display:block;
  width:100%;
  border-bottom:1px solid #cccccc;
  }

Answer 1

См .: http://jsfiddle.net/thirtydot/vgnAa/

CSS:

.c {
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}
.b {
    color:#000088;
    padding-top:2px;
    padding-bottom:2px; 
    display:block;
    border-bottom:1px solid #cccccc;
    overflow: hidden;
}

Answer 2

"Поплавок: левый;" для обоих элементов будет работать

Answer 3

Любой тип float: left, float: right в зависимости от того, с какой стороны вы хотите установить ссылку.Примените это к обоим, и убедитесь, что у вас есть четкий div после.

Таким образом, у вас все еще может быть этот дисплей: блок на .b.