'Floating new elements to the left of an existing element in CSS

I have an input field that is floated left inside a form element. When the user presses , (comma), a tag is created. I would like each tag to appear to the left of the input field. However, even though I am floating them to the left, the tags that appear after a comma is pressed appear to the right of the input field.

How can I ensure that the tags are added to the left of the input field? Is it possible to change the order of the input element so that it's as if it was added after the tags?

javascripthtmlcssc#


Solution 1:[1]

Floating them to left would not work in this situation.

You can cover it into a parent div and using display:flex on it and reversing its direction, so the new elements would go on the left instead of the right.

.parent{
    display: flex;
    flex-direction: row-reverse;
}

Solution 2:[2]

Create a job on SQL Server Agent that runs every day. On that job, design a script that checks if the table is updated.

To check if the table is updated, you should do something like save the value of a particular column from the previous day and compare it to the value of n from the current day. Or you can design a trigger on that table. If the table is updated, the trigger will fire and save somewhere the fact that the table was updated.

If the table is not updated send an email. If you don't know how to sent an email from SQL server here are the steps you should follow:some steps

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Peter Mortensen
Solution 2 Daniel.C. A.

Related Questions