0
<span>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="41" height="43" viewBox="0 0 41 43" style="fill:#fff; stroke:#c2c2c2; stroke-width:1px;"><path d="M8,20h26v21H8V20z"/><path d="M21.2,2L2,21h37L21.2,2z"/></svg>
    / <a href="#">Ссылка</a> / <a href="#">2 Ссылка</a>
</span>

Подскажите, как выровнять картинку и текст, чтобы они были на одной линии?

6
  • jsfiddle.net/uh124Lsc так?
    – soledar10
    19 сен 2014 в 12:35
  • Нет, по центру надо.
    – hitman249
    19 сен 2014 в 14:30
  • jsfiddle.net/j4b131po or jsfiddle.net/8o1t6ekf
    – soledar10
    19 сен 2014 в 14:41
  • > Подскажите, как выровнять картинку и текст, чтобы они были на одной линии? во всех примерах они не на прямой линии! в последнем варианте мысль пошла вообще не туда
    – hitman249
    20 сен 2014 в 9:08
  • 1
    jsfiddle.net/uh124Lsc/2 думаю, автору нужно такое выравнивание, спасибо, @soledar10, за код фидла.
    – MasterAlex
    20 сен 2014 в 11:02

1 ответ 1

0
<span>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" 
        width="41" height="43" viewBox="0 0 41 43" 
        style="fill:#fff; stroke:#c2c2c2; stroke-width:1px; vertical-align: middle;">
        <path d="M8,20h26v21H8V20z"/><path d="M21.2,2L2,21h37L21.2,2z"/>
    </svg>
        / <a href="#" style="vertical-align: middle;">Ссылка</a> / <a href="#">2 Ссылка</a>
</span>

Немного поменял стили для первого a и svg.

1
  • @aleksandrbarakin Исправил
    – farkon00
    22 авг 2021 в 7:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.