Как сделать <div> который ведет себя как обычный символ текста

Время создания: 15.02.2011 14:56

Текстовые метки: html, css

Раздел: Компьютер - Программирование - HTML и CSS

Запись: xintrea/mytetra_syncro/master/base/0000003425/text.html на raw.github.com

Чтобы <div> вытеснял собой нужный объем, и не делал перенос после себя, нужно использовать такие CSS свойства:

<html>

<head>

#main {

background-color: green;

width: 250px;

height: 25px;

}

#main .boxy {

background-color: teal;

width: 25px;

height: 25px;

float: left;

}

</style>

</head>

<body>

</div>

</body>

</html>

В результате на экране будет такое изображение:

Оно состоит из 10 квадратов размером 25x25 точек.

Так же в этом разделе:

MyTetra Share v.0.65