Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

what is the best practice to align a text right next to a html div element

Anonymous User 2263 15 Jun 2013

I was creating a underscored list and in that list I wanted to add a color pallete type window and I tried to create one the following way

<ul><li><div style="width:10px; height:10px; background-color:#0066cc; float:left;"></div>test</li></ul>

I am attaching a fiddle link to see the output.. Is there a good way to align the div to text or should I just adjust the margin of div element, but I don't think that is the best possible solution..

Thanks in advance.

Ask by Anonymous User

Updated 15 Jun 2013

1 Answers

AVADHESH PATEL 15 Jun 2013

Hi,

Try this,

text-align: center;
display: inline-block;
float: none;

This positions the div in much the same way that images are positioned.

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.