Как да премествате текст около изображение с HTML или CSS

Когато включите картина с текста на уеб страницата си, стилът по подразбиране показва графиката над или под околното съдържание, оставяйки бяло пространство наляво и надясно на изображението. Това разхищава пространството и прави картината разсеяна от текста ви. За да поправите това, имате възможност да използвате или HyperText Markup Language (HTML) или Cascading Style Sheets (CSS), за да укажете позиционирането на изображението, така че текстът да се обвива около границите на картината. Използвайте HTML или CSS за преместване на текст около изображенията, както предпочитате.

HTML

Стъпка 1: Стартирайте файла на страницата в програмата за текстов редактор на компютъра си и позиционирайте курсора вътре в маркера. Напишете "align =" и следвайте това с кавички така:

Стъпка 2: Въведете "дясно", "ляво", "средно", „горе“ или „отдолу“ след подравняването на влизането в посочете къде се показва вашата снимка във връзка с текста. "Горното" подреждане прави съдържанието ви най-високо в изображението ви, "средата" премества текста до средата на снимката, а "дъното" насочва съдържанието да започне в долната част на графиката. Освен това, "правилната" позиция, премества данните ви вляво от картината, а "лявото" подреждане поставя съдържанието вдясно от изображението. Въведете кода си по следния начин:
Запазете файла.

CSS

Стъпка 1
Поставете курсора вътре в тага и въведете "style =" с набор от оферти преди последната ъглова скоба. За да илюстрираме:

Стъпка 2: Въведете "float:" в кавичките и въведете атрибута "left" или "right", за да назовете подравняването на графиката. "Лявата" стойност прави снимката ви вляво и премества текста надясно, докато "правилната" атрибута прави обратното. Например:
Запазете документа.

URL:https://bg.whycomputer.com/soft/100204875.html